Question

我正在使用jQuery DataTables对数据进行分组和过滤。但两者都无法合作。只有一个可以工作。

oTable = $('#schedule').dataTable({
    'bLengthChange': false,
    'bPaginate': false,
    'bJQueryUI': true,
    'processing': true,
    "aoColumnDefs": [ 
       { "bSortable": false, "aTargets": ["no-sort"] }
    ]
}).columnFilter({
   sPlaceHolder:"head:before"
}).rowGrouping({
    sGroupingColumnSortDirection: "desc",
    bExpandableGrouping: true,
    bExpandSingleGroup: false,
    iExpandGroupOffset: -1,
    asExpandedGroups: ['Pending Action', 'In Operation']
});

请告诉我如何使用这两者的建议，我想在不同的div中添加过滤字段。

Answer 1

它不起作用，因为您正在使用链接。您无意中尝试在任何columnFilter()返回时初始化rowGrouping：

dataTable().columnFilter().rowGrouping()
            < dataTable    < columnFilter

使用其他方法初始化插件，例如在initComplete回调中（fnInitComplete，如果您使用的是1.9.x）：

var table = $('#example').dataTable({
   initComplete : function() {
      this.columnFilter();
      this.rowGrouping({
          bExpandableGrouping: true,
          asExpandedGroups: ["Other Browsers", "Trident"],
          fnOnGrouped: function() { alert('Rows are regrouped!'); }
      });
   }
})

演示 - ＆gt;的 http://jsfiddle.net/y2s2b0an/

在不同div的jQuery DataTable上进行分组和列过滤

1 个答案: