Javascript 不同div下jQuery数据表的分组和列过滤

我使用jquerydatatables对数据进行分组和过滤。但两者不能同时工作。只有一个人能工作

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

中添加筛选器字段，但它不起作用，因为您使用的是链接。您无意中尝试在

columnFilter（）

返回的任何内容上初始化行分组：

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

演示->