Javascript dataTables JS插件响应宽度溢出设置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

使用该插件显示表格数据时,我发现当在tables容器div上设置一个百分比宽度时,该插件正在执行一个宽度计算,并在表上设置一个实际比div宽的像素宽度

在响应模式下以全宽使用表格时,这不是问题,但在半宽模式下尝试时,它超出了设置的宽度,并强制浏览器窗口水平滚动

代码:


通过在初始化插件时添加以下选项,可以阻止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": '...'
    } ]
});