I am currently utilizing the Bootstrap-vue Table for filtering purposes, and I require assistance in implementing a regex filter to exclude words or letters with accents.
Here is the regex snippet:
string.replace('/[áàãâä]/ui', 'a');
string.replace('/[éèêë]/ui', 'e');
string.replace('/[íìîï]/ui', 'i');
string.replace('/[óòõôö]/ui', 'o');
string.replace('/[úùûü]/ui', 'u');
string.replace('/[ç]/ui', 'c');
User input field:
<b-form-input
id="filter-input"
v-model="filter"
type="search"
placeholder="Search by Zone, WhatsApp, or Email"
></b-form-input>
Data Table setup:
<b-table :items="items"
:fields="fields"
:filter="filter"
hover
striped>
<template #cell(whatsapp)="data">
<span v-html="data.value"></span>
</template>
<template #cell(email)="data">
<span v-html="data.value"></span>
</template>
</b-table>
Vue filter line configuration:
filter: null,
My query is focused on integrating the regex filter into the Bootstrap-vue table filter - is this achievable?