Javascript 数据表:如何控制<;th>;桌子的宽度。我使用的是Jquery-1.9.4版本
是否可以控制或设置作为行css添加到表格标题的宽度。我试图从版本1.9.4的dataTables jquery中检查它,但找不到任何解决方案。由于增加了宽度,对齐受到干扰 我还在HTML中指定宽度,就像Javascript 数据表:如何控制<;th>;桌子的宽度。我使用的是Jquery-1.9.4版本,javascript,jquery,jquery-ui,user-interface,datatables,Javascript,Jquery,Jquery Ui,User Interface,Datatables,是否可以控制或设置作为行css添加到表格标题的宽度。我试图从版本1.9.4的dataTables jquery中检查它,但找不到任何解决方案。由于增加了宽度,对齐受到干扰 我还在HTML中指定宽度,就像 <th width="20%">Bhairav</th> Bhairav 但是当我在控制台中检查时,它看起来像 <th width="20%" class="sorting_disabled" role="columnheader" rowspan="1" co
<th width="20%">Bhairav</th>
Bhairav
但是当我在控制台中检查时,它看起来像
<th width="20%" class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label="" style="width: 12px;">Bhairav</th>
Bhairav
问题是style=“width:12px;”正在从任何地方动态添加到它
有人能帮我解决这个问题吗。style=“width:12px;”“
是由dataTables在其具有bautowith:true
时添加的。例如:
带有默认值的数据表1.9.4
第一个
呈现为
<th width="30%" class="sorting_asc" ...style="width: 254px;">Rendering engine</th>
<th width="30%" class="sorting_asc" ...>Rendering engine</th>
因此,请使用bAutoWidth:false
避免使用style=“width:12px;”
注意:
宽度
属性特定于HTML 4.01,不应再使用->
相反,使用CSS或内联样式作为style=“width:20%;”
。CSS示例:
表#示例th:n子项(1){
宽度:20%;
}
表#示例th:n子项(2){
宽度:20%;
}
等等。尝试像Bhairav
那样分配它,或者更好,删除内联样式并将CSS放入样式表中。@lee我尝试过它,但问题仍然是一样的。@Prgmr我没有明白你说的话?@lee现在当我在控制台中检查它时,它看起来是这样的