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

时间:2018-11-29 05:15:54

标签: jquery datatable datatables datatables-1.10

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

  1. 为第一列工作

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

    });

  2. 适用于前两列

    $('#example')。DataTable({             fixedColumns:{                 leftColumns:2             }         });

如何修复1,10,15

我尝试过

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

示例

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

任何建议

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

您可以尝试使用此方法来修复js中的列。

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