Jquery 启用行分组时，列筛选器中的标题将消失

启用行分组时，列筛选器中的标题将消失

我的代码如下：

---

谢谢

您可以通过修改一下columnFilter来实现这一点，如下面的JSFIDLE链接所示：

...
    function initTable(hasRowGrouping){   
         $('#example').dataTable({
             "bDestroy": true,
             "bLengthChange": false,
             "bPaginate": false,
             "bJQueryUI": true,
             "fnCreatedRow": function (nRow, aData, iDataIndex){
                 $(nRow).css('background-color', /*oData.colour*/ '#99F');
             }
         }).columnFilter({
                sPlaceHolder: "head:before",
                aoColumns: [
                    { type: "text" }, 
                    { type: "text" },
                    { type: "text" }, 
                    { type: "text" }, 
                    { type: "text" }
                ]
            });
...

...
  function initTable(hasRowGrouping){   
     $('#example').dataTable({
         "bDestroy": true,
         "bLengthChange": false,
         "bPaginate": false,
         "bJQueryUI": true,
         "fnCreatedRow": function (nRow, aData, iDataIndex){
             $(nRow).css('background-color', /*oData.colour*/ '#99F');
         }
     }).columnFilter({
            sPlaceHolder: "head:before",
            aoColumns: [
                null, 
                null, 
                null, 
                null, 
                null, 
            ]
        });
...