使用单独的调用分别初始化多个.dataTable()

时间:2018-07-12 18:34:40

标签: jquery datatables

根据文档.dataTable()的初始化可以处理multiple tables

但是在我们的例子中,我们需要分别(分别)初始化3个表,它们都具有不同的CSS和属性。

我们发现这行不通:

$('#requestTable').dataTable( {

    "aoColumnDefs": [
      { "sClass": "my_class", "aTargets": [ 3, 4, 5, 6, 7 ] }
    ]

  } );

$('#otherTable').dataTable( {

    "aoColumnDefs": [
      { "sClass": "my_class", "aTargets": [ 3, 4, 5, 6, 7 ] }
    ]

  } );

$('#thirdTable').dataTable( {

    "aoColumnDefs": [
      { "sClass": "my_class", "aTargets": [ 3, 4, 5, 6, 7 ] }
    ]

  } );

仅Table1会收到上面的CSS列Defs。 Table2 / Table3没有收到它,我们的代码被忽略了。

表1/2/3的列数相同,并且需要应用相同的CSS

此外,如果我们只显示其中一张表(例如,注释掉#1和#3),则它会起作用。因此,.dataTable()的每页只能进行一次调用。

注意:所有其他属性与单独的dataTable初始化一起使用。只是类ColumnDefs没有。

1 个答案:

答案 0 :(得分:0)

  • 也许您可以先尝试使用不同的类,即在.my_class2和.my_class3中复制.my_class 并可能将其应用于数据表2和3

  • 根据所使用的数据表版本,“ sClass”也可能会出现问题。

相关问题