数据表：如何控制表的宽度。我正在使用Jquery -1.9.4版本

Question

是否可以控制或设置将表头添加为行css的宽度。我试图从版本1.9.4的dataTables-jquery检查它。但是找不到任何解决方案。由于添加宽度，对齐受到干扰。

我也在HTML中指定宽度

<th width="20%">Bhairav</th>

但是当我在控制台中检查时，它似乎是

<th width="20%" class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label="" style="width: 12px;">Bhairav</th>

问题是style =“width：12px;”是从无处动态添加到它。？

任何人都可以帮我解决这个问题。

Answer 1

当dataTables有style="width: 12px;"时，

bAutoWidth: true会被添加。示例：

dataTables 1.9.4，默认为bAutowidth（true） - ＆gt;的 http://jsfiddle.net/rrsn0ckL/

第一个<th>呈现为

<th width="30%" class="sorting_asc" ...style="width: 254px;">Rendering engine</th>

与bAutoWidth: false相同的表格 - ＆gt;的 http://jsfiddle.net/rrsn0ckL/1/

第一个<th>呈现为

<th width="30%" class="sorting_asc" ...>Rendering engine</th>

所以请使用bAutoWidth: false来避免style="width: 12px;"

注意：<th> width属性是特定于HTML 4.01的，不应再使用 - ＆gt;的 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th

而是使用CSS或内联样式作为style="width:20%;"。 CSS示例：

table#example th:nth-child(1) {
    width: 20%;
}
table#example th:nth-child(2) {
    width: 20%;
}

等