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

Question

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

第一，我想使用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

Answer 1

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

Answer 2

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

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

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