提问者:小点点

使用jquery在大型数据表中显示/隐藏列/行排序/固定头的建议


我有一个非常大的表格,里面装满了数据

第一,我想使用show/hide columns:
问题是,当我的列传递10-12到more时,它变得非常慢
为此,我为每个列提供了一个类,并将其命名为
用于使用关联的anchor()进行切换。

第2和第3-当我的行超过1000时,我想使用固定的头,
因为我这样做,我不能有效地使用我的搜索,我用JS写的
实际上是一个轻量级代码。

ps.plz请记住,我有一个非常大的json生成的表,有20多列和1000多行,除了JQUERY和JQUERYUI之外,我不能使用任何框架工作

编辑:为显示/隐藏添加一些代码

        $('#columnSelect').on('click', 'li', function(){
        var columnTmp = $(this).children('a').text()
        $('#dataTable').find('.'+columnTmp).toggle()
    })

我有一个我的标签列表,它也是在我的第一个ajax调用中动态创建的,我得到了锚文本并与之匹配,然后切换那个列tds


共2个答案

匿名用户

我使用两个插件的组合来处理我的一些“大型表格”

这用于格式化表,提供排序和其他功能:http://www.tablefixedheader.com/fullpagedemo/

而且,这提供了过滤,这是快速和非常有效的,如果你有很多列/数据,它可能很有帮助。在每一列的顶部设置一个搜索框或下拉框,以便对该列进行筛选,并设置一个“快速查找”类型的搜索框,以便对所有列进行搜索/筛选http://www.picnet.com.au/picnet-table-filter.html

匿名用户

如果您真的是jQuery爱好者,那么我建议使用一些免费的jQuery网格API,如Slick Grid或Flexi Grid