javascript - 一页中具有不同参数的多个数据表

Question

我在同一页面上有两个数据表，如下例所示: https://datatables.net/examples/basic_init/multiple_tables.html

直到没有问题..

它共享许多共同参数，例如按钮或语言

$('table').DataTable({
  language: {
    search: "",
    searchPlaceholder: "Search ...",
    sLengthMenu:"_MENU_",
    sInfo:"_TOTAL_ elmt",
    infoFiltered: "",
    sInfoEmpty: "0 elmt",
    "oPaginate": {
      "sPrevious": "<",
      "sNext": ">"
    }
  }
});

但是，我希望给他们不同的 pageLength 大小和不同的尝试，我该怎么办？

已知第一个表的 ID 为 table-one，第二个表的 ID 为 table-two

Answer 1

这样做:

// create an object with your settings for the first table
var dataTableOptions = {
  language: {
    search: "",
    searchPlaceholder: "Search ...",
    sLengthMenu:"_MENU_",
    sInfo:"_TOTAL_ elmt",
    infoFiltered: "",
    sInfoEmpty: "0 elmt",
    "oPaginate": {
      "sPrevious": "<",
      "sNext": ">"
    }
  }
};

// initialize that table
$('#table1').DataTable(dataTableOptions);

// modify whatever settings you need to in the object you created
dataTableOptions.language.sLengthMenu = "some new value";

// use the modified object to initialize the second table
$('#table2').DataTable(dataTableOptions);