jquery - 引导数据表列宽

Question

我是 Bootstrap 的新手，目前正在修改一个网站。

我的目标是添加新列，完成。但它推动了最后一列包装。

下图解释了我的期望

谢谢

标签： jquerycssdatatables

Answer 1

要指定列宽， 请使用以下代码：

$('#table_id').dataTable( {
  "columnDefs": [
    { "width": "20%", "targets": 0 }
  ]
} );

where#table_id应替换为您的表 ID

要保持View Docket、Wizard和Express不换行， 请使用任何内联元素，例如spanor i，或者您可以在需要时display: inline;与任何元素一起white-space: nowrap;使用。