#插件讨论# 【 uni-table 表格 - DCloud前端团队 】筛选如何使用

同求，确实没看懂

研究了一下搞懂什么意思了，可以查看下面的示例

使用

1. @filter-change
2. @sort-change

接收反馈，而不是filter-change、sort-change

开启筛选后，点击会触发@filter-change事件，需要用户自行处理相关筛选逻辑，因 uni-table 设计原因，无法接受用户数据且帮助用户处理数据显示，所以需要用户自行处理

<uni-th filterType="search" @filter-change="expireSearch()" width="100" align="center">设备</uni-th>
根本没用，写进去根本不触发expireSearch，官方文档为什么不愿意做个这个demo放出来，上面的代码也是出不来

<uni-easyinput class="input-item" type="text" :inputBorder="false" placeholder="仓库条码"
placeholderStyle="color:#999999;font-size:36upx;" v-model="searchVal" />
<uni-table class="table" :data="filteredData" :filter-data="filterData" border stripe type="selection"
emptyText="暂无更多数据">

const filteredData = ref([]);
const searchVal = ref('');
const tableData = ref(ckdata);//数据源

onMounted(() => {
filteredData.value = tableData.value;
})

const filterData= (data, query) => {
const regex = new RegExp(query, 'i');
return data.filter(item => {
return regex.test(item.code) || regex.test(item.name);
});
};

watch(searchVal, (newVal) => {
let tableData=数据源
filteredData.value = queryData(tableData.value, newVal);
console.log('filteredData', filteredData);
});