Javascript dataTables JS插件响应宽度溢出设置div宽度
使用该插件显示表格数据时,我发现当在tables容器div上设置一个百分比宽度时,该插件正在执行一个宽度计算,并在表上设置一个实际比div宽的像素宽度 在响应模式下以全宽使用表格时,这不是问题,但在半宽模式下尝试时,它超出了设置的宽度,并强制浏览器窗口水平滚动 代码:Javascript dataTables JS插件响应宽度溢出设置div宽度,javascript,jquery,html,css,datatables,Javascript,Jquery,Html,Css,Datatables,使用该插件显示表格数据时,我发现当在tables容器div上设置一个百分比宽度时,该插件正在执行一个宽度计算,并在表上设置一个实际比div宽的像素宽度 在响应模式下以全宽使用表格时,这不是问题,但在半宽模式下尝试时,它超出了设置的宽度,并强制浏览器窗口水平滚动 代码: 通过在初始化插件时添加以下选项,可以阻止DataTables向表中添加(错误的)宽度: "bAutoWidth":false, 最终产品: $('#' + tableID).dataTable({ "dom": 'Rlf
通过在初始化插件时添加以下选项,可以阻止DataTables向表中添加(错误的)宽度:
"bAutoWidth":false,
最终产品:
$('#' + tableID).dataTable({
"dom": 'Rlfrtip',
"ajax" : file,
"responsive": true,
"bAutoWidth":false,
"columns" : columnDataMap,
"order": [[ 1, "desc" ]],
"sAjaxDataProp" : "items",
colReorder: {
fixedColumns: 1
},
"columnDefs": [ {
"targets": 0,
"sortable": false,
"data": null,
"defaultContent": '...'
} ]
});
$('#' + tableID).dataTable({
"dom": 'Rlfrtip',
"ajax" : file,
"responsive": true,
"bAutoWidth":false,
"columns" : columnDataMap,
"order": [[ 1, "desc" ]],
"sAjaxDataProp" : "items",
colReorder: {
fixedColumns: 1
},
"columnDefs": [ {
"targets": 0,
"sortable": false,
"data": null,
"defaultContent": '...'
} ]
});