layui 怎样实现筛选条件折叠效果？

yuanyuanyuan

layui 面对众多筛选项时，想要实现部分不常用筛选折叠效果，（比如，有20项筛选条件，只想保留前2行展示，保留筛选按钮，其余行筛选都进行折叠，用的时候再展开。）看了文档，没发现符合自己想要的效果的，有没有哪位大神遇到过这种问题？？？

Air9420

这种组件当然是只能自己写啦

Loker

我刚好自己做了一个类似的这种效果。思路就是操作传过来的json数据。点击CSDN链接查看详细。和你需求的可能不太一样，我弄的是检索的。

[JavaScript] 纯文本查看 复制代码

$('#search').on('click',function () {
            // 获取数据框的值
        var name = $('#name').val();
        // 直接操作json数组，过滤到想要的数据后重新加载table
        dataTemp = dataAll.filter(function (data) {
            return data.realname.search(name) != -1;
        });
        rerender(layui.table,dataTemp);
    });

emn

你把其他的放到 相同class div 下 然后 一开始隐藏 给你前两排后面写i 图标 加个点击事件 判断 展开就关闭 关闭就展开