Javascript datatables修复了引导模式中未对齐的列

Javascript datatables修复了引导模式中未对齐的列,javascript,datatables,bootstrap-modal,fixed,Javascript,Datatables,Bootstrap Modal,Fixed,我正在使用js数据表。我在模态中有一个表,我试图使最左边的列固定。下面是我的datatables脚本 $('#table1').DataTable({ "dom": 'Bfrtip', "bPaginate": false, "bLengthChange": false, "bInfo": false, "bFilter": false, "buttons": [{ extend: 'excelHtml5', title: 'Excel1', sheetName: 'Sh

我正在使用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


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

您必须在表attibute(而不是css)中显式地使用'style=“width:100%”

尝试一下:

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

显示模式后尝试使用。@KThorngren它不起作用。您的表标记中是否有'width=“100%”?是的,宽度为100%。问题只在于高度。即使设置了,表也会折叠。也许你可以发布你正在使用的CSS和JS包含文件。我将根据适当的FixedColumn示例验证您是否拥有所需的所有BS文件: