如何指定列最小宽度?

mpe*_*pen 4 datatables

如何min-width为 DataTables 中的列指定 a ?

我不能使用一个类,className因为宽度是可变的。该width选项是不够的。似乎没有style选择。

Gyr*_*com 5

我仍然建议使用一个类名或多个类名和columns.className选项来保留它们所属的 CSS 规则 - 在 CSS 文件中。

但是,如果您想min-width在运行时分配值,您可以使用createdRowoption 来定义每当TR为表的主体创建元素时的回调。

var table = $('#example').DataTable({
   'createdRow': function(row, data, dataIndex){
      $('td:eq(3)', row).css('min-width', '200px');
   }
});
Run Code Online (Sandbox Code Playgroud)

有关代码和演示,请参阅此示例

  • @mpen,我同意它需要在标题中完成一次,并且您可以使用 `initComplete` 和目标 `th` 元素。但是在某些情况下(例如,垂直滚动)DataTables 会为标题创建单独的表格,因此在标题上设置 `min-width` 会破坏布局并且需要特殊处理。上面的解决方案是通用的。 (3认同)