我有一个非常大的表格,里面装满了数据
第一,我想使用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
我使用两个插件的组合来处理我的一些“大型表格”
这用于格式化表,提供排序和其他功能:http://www.tablefixedheader.com/fullpagedemo/
而且,这提供了过滤,这是快速和非常有效的,如果你有很多列/数据,它可能很有帮助。在每一列的顶部设置一个搜索框或下拉框,以便对该列进行筛选,并设置一个“快速查找”类型的搜索框,以便对所有列进行搜索/筛选http://www.picnet.com.au/picnet-table-filter.html
如果您真的是jQuery爱好者,那么我建议使用一些免费的jQuery网格API,如Slick Grid或Flexi Grid