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

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

第一-我想使用显示/隐藏列：
问题是，当我的列通过10-12到更多时，它变得非常慢
为此，我给每个人一个类作为它所在的专栏，并称之为
用于带有关联锚点（）的切换

第二和第三-我想使用固定标题，因为我的行超过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

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

这用于格式化表格，提供排序和其他功能：

而且，这提供了过滤，这是快速和非常有效的，如果您有很多列/数据，它可能会很有帮助。在每一列的顶部分别设置一个搜索框或下拉列表，允许对该列进行筛选，以及一个“快速查找”类型的搜索框，用于对所有列进行搜索/筛选

---

如果你真的喜欢jQuery，那么我建议你使用一些免费的jQuery网格API，比如Slick Grid或Flexi Grid

你有什么理由不能利用分页来降低资源成本吗？显示/隐藏行（从性能上讲）的最快方法是使用

.addClass（）.removeClass（）

链式方法。@ohgodhy感谢您的回答。是的，它被要求是一页没有分页的数据，以供使用。亲爱的@renjith！在abd再次检查datatables.net之前，我检查了它。这是一个很好的框架，但没有我所有的证书和证书necessities@Homam你最好让一个完善的插件为你工作，即使这意味着有人要编写它的额外扩展，而不是试图重新设计wheeel。正如您已经发现的，大量的元素需要正确地完成。发布一些你用来隐藏ColumnStanks的代码，但是这些datagrid框架没有一个像我需要的那样满足我的需要。我认为Slick Grid和Flexi都有很多工作要做。你的需求可以通过修改API来实现。这是自己的。顺便说一句，这是一个开源的API，所以你应该知道还需要做些什么，你可以尝试开发一个完整的API，它可以按照你的意愿运行。