修复数据表中的多列

Question

我正在使用 DataTables 1.10.0，我需要修复图中 table 的某些列。

正如在带有 FixedColumns 的 table 的数据表文档中，我尝试了以下代码：

$(document).ready(function () {
    var table = $('#mytable').dataTable({
        "iDisplayLength": 10,
        "ordering": false,
        "scrollY": "300px",
        "scrollX": "100%",
        "scrollCollapse": true,
    });
    new $.fn.dataTable.FixedColumns( table );
});

这仅修复了 S.No。图片中 table 的列。对于我的特定情况 S.No，如何修复左起的前三列、操作和状态。任何帮助将不胜感激。谢谢

Answer 1

使用leftColumns参数。请参阅文档中的 multiple fixed columns 示例。

new $.fn.dataTable.FixedColumns( table, {
    leftColumns: 3
} );

修复数据表中的多列

Fixing multiple column in dataTable

jquery

jquery-datatables