如何调整数据表中每列的大小？

Question

我在laravel 5中将这个脚本用于数据表。我曾经使用col-lg-4类来调整表列，但是当我对数据集使用数据表时，它被忽略了。

数据表视图如下：

如何调整每列的大小？

Answer 1

您可以在JavaScript中使用column.width函数。 有关更多详细信息，请访问：https://datatables.net/reference/option/columns.width

Answer 2

css网格不会影响数据表的列宽。您可以像这样手动将宽度传递给每一列的数据表配置。

 $('#mytable').dataTable( {
  "columns": [
     { "width": "10%" },
     { "width": "10%" },
     { "width": "20%" },
     { "width": "30%" },
     { "width": "20%" },
  ]
});

有关更多信息，您可以参考official documentation