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

Question

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

第一-我想使用显示/隐藏列：

问题是，当我的列数超过10-12或更多时，它会变得非常慢

为此，我为每个列提供了一个类，并将其命名为

用于使用关联的锚点()进行切换。

第二个和第三个-我想使用固定的标题，因为我的行比1000多，

当我这样做的时候，我不能有效地使用我用js编写的搜索。

而且确实是一个轻量级的代码。

PS。请记住，我有一个非常大的json生成的表，有20多列和1000多行，我**除了JQUERY和JQUERYUI **不能使用任何框架工作。

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

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

我有一个标记列表，它也是在我的第一个ajax调用中动态创建的。我获得了锚的文本，并将其与该列的tds进行了匹配

Answer 1

我在我的一些“大表”中使用了两个插件的组合

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

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

Answer 2

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