Question

我正在使用js datatables。我有一个模态表，我正在尝试使最左边的列固定。下面是我的数据表脚本。

$('#table1').DataTable({
"dom": 'Bfrtip',
"bPaginate": false,
"bLengthChange": false,
"bInfo": false,
"bFilter": false,
"buttons": [{
    extend: 'excelHtml5',
    title: 'Excel1',
    sheetName: 'Sheet1'
}],
scrollY:        300,
scrollX:        true,
scrollCollapse: true,
paging:         false,
fixedColumns:   true
"ordering": false
});

除固定列外，一切正常。我已经包含了固定列css和Js。

实际问题是，当我应用固定列时，表会缩小。

Answer 1

尝试一下：

$('#modal_ID').on('shown.bs.modal', function (e) {
  $($.fn.dataTable.tables(true)).DataTable().columns.adjust();});

Answer 2

你必须在表格中明确'style =“width：100％”（不在css中）

数据表固定列未在引导模式中对齐

2 个答案: