无法设置jquery的datatable插件10.1的datatable宽度

Question

我在页面上有很多jQuery插件的数据表。对于某些数据表，with适合页面，但对于其他数据表，数据表的宽度大于页面。我尝试了很多方法都没有成功: html中的-set样式-use数据表的这个函数

fnInitComplete : function() {
   $("#tableid").css("width","100%");
}

。使用这些方法，我不能正确地设置它，也不知道如何设置。

Answer 1

如果您的表列太多以适应页面宽度，那么您可以使用datatable响应式插件，示例如下

https://datatables.net/extensions/responsive/examples/column-control/auto.html

如果您的表格列足以适应页面大小，那么它将自动获取宽度，如果您在table标记中使用bootstrap add class。对于ex。

<table class="table">
   <thead>
   </thead>
   <tbody>
   </tbody>
</table>

使用css

max-width:100%

Answer 2

只需将表格宽度设置为100%

<table width="100%">
       <thead>
       </thead>
       <tbody>
       </tbody>
 </table>