jquery - 覆盖数据表选项

Question

我在网站上随处使用数据表，每个表都有自己的属性

示例: 索引.php

  $(document).ready(function() {
    $('#fileTable').dataTable({
      "aaSorting": [],
      "columnDefs": [{"orderable": false, "targets": 5}],
    });
  });

文件.php

$('#fileTable').dataTable({
    "columnDefs": [
        {"orderable": false, "targets": 3}
    ]
});

我想更改所有表格的文本而不更改jquery.dataTables.min.js

所以我把它放在页脚中:

$(document).ready(function() {
    $('#fileTable').dataTable({
      language: {
        search: "",
        searchPlaceholder: "Search...",
        sLengthMenu:"_MENU_",
        sInfo:"_TOTAL_ elements"
         }
    });
  });

但是我有这个错误: DataTables 警告:表 id=fileTable - 无法重新初始化 DataTable。有关此错误的更多信息，请参阅http://datatables.net/tn/3

我如何正确地做到这一点(不破坏)

谢谢

Answer 1

您可以做的是将语言设置放在一个单独的对象中，然后为每个实例$.extend()添加自己的自定义设置，如下所示:

var langSettings = {
  language: {
    search: "",
    searchPlaceholder: "Search...",
    sLengthMenu: "_MENU_",
    sInfo: "_TOTAL_ elements"
  }
}

// for index.php:
$('#fileTable').dataTable($.extend(langSettings, {
  "aaSorting": [],
  "columnDefs": [{
    "orderable": false, 
    "targets": 5
  }]
}));

// for archives.php:
$('#fileTable').dataTable($.extend(langSettings, {
  "columnDefs": [{
    "orderable": false, 
    "targets": 3
  }]
}));