Question

我在名为 initializing_jquery_datatables.js 的文件中有以下代码：

$(document).ready(function() {
    $('.table').dataTable( {
        "sDom": "<'row'W<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>T",
        "sPaginationType": "bootstrap",
        "bDestroy": false,
        "oColumnFilterWidgets": {
            "sSeparator": "\\s*/+\\s*",
            "aiExclude": [ 0 ]
        }
    ...
});

我过滤并排除了另一个js文件中的一些列，如下所示：

$.extend( true, $.fn.dataTable.defaults, {
    "oColumnFilterWidgets": {
        "aiExclude": [ 10 ]
    }
});

并且不起作用

Answer 1

嗯，似乎ColumnFilterWidgets不支持更改默认值，例如issue

我开始运行的唯一方法是完全重新初始化表格。

// Code goes here
$(function() {
  oTable = $("#datatable").dataTable({
    "sDom": "<'row'W<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>T",
    "sPaginationType": "bootstrap",
    "bDestroy": true,
    "oColumnFilterWidgets": {
      "sSeparator": "\\s*/+\\s*",
      "aiExclude": [0]
    }
  })
})

function change(){
  oTable = $("#datatable").dataTable({
    "sDom": "<'row'W<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>T",
    "sPaginationType": "bootstrap",
    "bDestroy": true,
    "oColumnFilterWidgets": {
      "sSeparator": "\\s*/+\\s*",
      "aiExclude": [2]
    }
  })  
}

请注意，bDestroy必须为true。

Here's a Plunker

只需点击“点击我”按钮，然后忽略糟糕的布局。可能与我更新的bootstrap分页插件有关，有第一个/最后一个按钮或一些缺少的CSS。

很抱歉，我无法再帮助你了： - /

初始化插件后如何在ColumnFilterWidgets中添加选项

1 个答案: