0

我正在使用 Datatables 可折叠/可扩展分组。

我已经对其进行了配置，以便所有组都在初始视图中折叠。感谢 ThulasiRam 的帮助，我集成了组行数和折叠/展开所有功能。 数据表行分组 - 如何为每个组添加行数并展开/折叠所有

我想将表搜索配置为自动扩展与搜索匹配的行的组，而不是唯一匹配的组。

我还想在表格搜索中添加一个重置按钮。我已经设法添加了“X”按钮，但我还没有找到正确设置点击功能的方法，以便它会重置表格搜索字段。

我已经设置了一个 jsfiddle 来展示我想要完成的事情：http: //jsfiddle.net/lbriquet/SBdJd/9/

任何帮助将不胜感激！

4

2 回答 2

1

好的，我知道您使用的是私有功能而不是公共功能，请参见此处

另一个问题是您需要保留对数据表的引用才能使用其功能。这是答案

于 2012-06-08T13:02:42.600 回答
0

我喜欢全部折叠和全部展开按钮效果很好！

我不得不对其进行一些修改以支持最新版本的 jquery

var source = j$('div[id=myTable_filter]')[0];
var source2 = j$('div[id=myTable_filter]')[0].firstChild;
var divToadd = j$('<div>', {'id': 'dtsearch_filter'})
j$(source2).wrapAll(divToadd);
var htmlToadd = j$('<input />', {'type': 'button','class': 'expandedOrCollapsedGroup collapsed', 'value': 'Expand All' })
j$(htmlToadd).prependTo(source);

j$('.expandedOrCollapsedGroup').click(function() {
if (j$(this).hasClass('collapsed')) {
j$(this).addClass('expanded').removeClass('collapsed').val('Collapse All').parents('.dataTables_wrapper').find('.collapsed-group').trigger('click');
}
else {
j$(this).addClass('collapsed').removeClass('expanded').val('Collapse All').parents('.dataTables_wrapper').find('.expanded-group').trigger('click');     
}
});

加上这些样式设置 .expandedOrCollapsedGroup { width: 125px; 向左飘浮; } .dataTables_filter { 浮动：无；} .dtsearch_filter{ 浮动：对；}

于 2013-08-21T12:50:17.133 回答