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

Question

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

1st - 我想使用显示/隐藏列:
问题是当我的专栏通过 10-12 到更多时它变得非常慢
为此，我为每个列分配了一个类，并将其命名为
用于与关联的 anchor() 切换。

第 2 和第 3 - 我想使用固定标题，因为我的行数超过 1000，
当我这样做时，我无法有效地使用我用 js 编写的搜索
确实是一个轻量级代码。

附言。请记住我有一个非常大的 json 生成表，它有超过 20 列和超过 1000 行，我 ** 不能使用除 JQUERY 和 JQUERYUI 之外的任何框架 **

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

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

我有一个标签列表，它也是通过我的第一个 ajax 调用动态创建的我得到了 anchor 的文本并将其与 然后切换该列 tds

Answer 1

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

这个用来格式化表格，提供排序等功能: http://www.tablefixedheader.com/fullpagedemo/

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