如何设置不同的固定列数据表

Question

我想在带有数据表的滚动条上设置固定列，比如我在索引 1、10、15 处有一个列。在水平滚动上，我需要能够将它们设置为固定的。目前我只能设置固定第一列。

为第一列工作

$('#example').DataTable( {
fixedColumns: true

});

适用于前两列

$('#example').DataTable( { 固定列：{ 左列：2 } } );

如何修复 1,10,15

我试过了

$('#example').DataTable( {
    fixedColumns: {
        leftColumns: [1,10,15]
    }
} );

例子

 table columns = > |1(freeze) | 2 |... |10(freeze)|....|15(freeze)|

有什么建议

Answer 1

您可以试试这个来修复您的 js 中的列。

$(document).ready(function() {
    var table = $('#example').DataTable( {
        scrollY:        "300px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        fixedColumns:   {
            leftColumns: 1,
            rightColumns: 1
        }
    } );
} );

Answer 2

根据 Datatable's Doc

您可以在左侧和右侧添加固定列，它甚至允许多个列。

要注意的是所有列都必须是连续的。

很遗憾，不允许在中间固定列。由于其复杂性。阅读上面的文档

示例代码

$(document).ready(function() {
    var table = $('#datatbleId').DataTable( {
        scrollY:        "300px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        fixedColumns:   {
            leftColumns: 2,
            rightColumns: 3
        }
    } );
} );

更多详情here

Working Fiddle

如何设置不同的固定列数据表

How to set dfferent fixed columns datatable

datatable

jquery

datatables

datatables-1.10