uniapp的uni-table的筛选的使用

在使用uni开发H5遇到表格数据筛选问题
uni-table自带有筛选和排序官方文档

具体操作

需要进行筛选的th增加 filter-type 和 filter-data

<uniTable>
	<uniTr>
		<!-- 表头 -->
		<uniTh align="center" class="fixed">姓名</uniTh>
		<uniTh align="center" filter-type="select" :filter-data="personTypeList"
			@filter-change="handelFilter">人群类别</uniTh>
	</uniTr>
</uniTable>

详情图

开启筛选后，点击重置和确定触发 @filter-change 事件，需要用户自行处理相关筛选逻辑

handelFilter(e) {
	//进行数据处理或请求
}

filter-change(e) 的说明

e = {
	filterType: "", //筛选类型 search/select/range 和传入的相同
	filter: "" // 值, filterType=search字符串类型，filterType=select数组类型，filterType=range数组类型，[0]开始值， [1]结束值
}