如何在数据表中设置某些列宽的列宽

Question

这是我的数据表。

我似乎无法控制任何列的宽度：

$(document).ready(function() {
    $('#example').DataTable( {
        "ajax": 'ajax/data/arrays.txt'
    } );

我在这里尝试了各种方法：

$('#example').dataTable( {
  "autoWidth": false
} );

而在这里：

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

没有成功。谁能建议我如何手动控制某些单独列的宽度？我希望可以使用数据表中的现有方法来完成此操作。

注意：如果有机会，我会发布一个小提琴。 在这里摆弄 -并不完全相同，但是如果我的理解是正确的，那么我应该在这里控制列宽：

var table = $('#example').DataTable();

Answer 1

我的经验是，columns.width大多数情况都适合相对意图，即“我希望此列相对较大”。每一列的宽度都会产生很多影响，即使您以精确的百分比精确地针对每一列（总计达100）也最终会感到沮丧。

如果您想要精确，精确的列宽定义，则无法绕过硬编码CSS：

table.dataTable th:nth-child(1) {
  width: 20px;
  max-width: 20px;
  word-break: break-all;
  white-space: pre-line;
}

table.dataTable td:nth-child(1) {
  width: 20px;
  max-width: 20px;
  word-break: break-all;
  white-space: pre-line;
}

http://jsfiddle.net/6eLg0n9z/