Question

我正在使用数据表插件来显示我的数据。第三列可能包含长字符串，结果是右边的列从屏幕右侧消失。

我尝试使用“sWidth”参数来修复列的宽度，特别是第三列没有错误，但没有任何变化。

这是我的代码：

$(".mydataTable").dataTable({ 
      "aoColumnDefs": [
     {"bVisible": false, "aTargets": [ 0 ] }
      ],            
     "aaSorting": [[ 0, "desc" ]],                  
     "bJQueryUI": true,
     "bPaginate": false,
     "bStateSave": true,
     "bInfo": false,
     "aLengthMenu": [5, 10, 15, 25, 50, 100],
     "iDisplayLength" : 10,
     "bAutoWidth" : false,
     "aoColumns": [
    { "sWidth": "70px" },
    { "sWidth": "90px" },
    { "sWidth": "220px"  },
    { "sWidth": "90px"  },
    { "sWidth": "90px"  },
    { "sWidth": "90px"  }
     ],

});

当我尝试将“sWidth”与“aoColumnDefs”一起使用时。

"aoColumnDefs": [
    {"bVisible": false, "aTargets": [ 0 ] },
    { "sWidth": "10%", "aTargets": [ 2 ] }
 ],

Answer 1

请先设置表格宽度然后才能正常工作

<table class="mydataTable" style="width: 650px;">

Answer 2

将此定义添加到CSS有助于使sWidth生效

table#customTable {
    table-layout: fixed;
}

DataTable - sWidth定义不起作用

2 个答案: