Javascript datatables修复了引导模式中未对齐的列
我正在使用js数据表。我在模态中有一个表,我试图使最左边的列固定。下面是我的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
$('#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文件: