这是我参与8月更文挑战的第29天,活动详情查看:8月更文挑战
![](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c9321873d70b4ef49377e0f6ca53662c~tplv-k3u1fbpfcp-zoom-in-crop-mark:3024:0:0:0.image)
实现如图表格可以自定义筛选条件,并且可以选择大于小于多少数字,然后下面表格数据自动展示条件内的数据,不用掉接口,前端自己实现的功能,也可以按公司要求实现调接口的,可以在我这个方法上加,我这里是不调接口的。
一、首先定义表格,并且放在div内,因为怕名字重复引起报错,或者点击没效果的问题。
//HTML
复制代码
二、就是要实现弹框的内容,先画弹框的界面
清空条件
包含
>
>=
$(".filterNumPop_mainuserBox").val()) {
arr2.push(tableList_mainuserBox[i]);
}else if(filterType == 1 && tableList_mainuserBox[i][searchKey_mainuserBox] >= $(".filterNumPop_mainuserBox").val()) {
arr2.push(tableList_mainuserBox[i]);
}else if(filterType == 2 && tableList_mainuserBox[i][searchKey_mainuserBox]
|