JQuery DataTable插件宽度问题

Question

我正在使用jQuery datatable插件。我首先渲染我的html表，然后应用插件。它有一些问题。

问题：

1. 标题列和正文列未对齐。

2. 如果有很多列（动态生成的列无法设置列的固定宽度），数据表会水平增长。

   示例代码

   var scrollY = $（window）.height（）* 80/100;
       var oTable = $（'＃myTable'）。dataTable（{         “sScrollX”：“100％”，         “sScrollY”：向上滚动，         “bScrollCollapse”：是的，         “bPaginate”：false，         “bStateSave”：false，         “bFilter”：false，         “bInfo”：false，         “bAutoWidth”：false，         “bSort”：是的，         “aaSorting”：[]
       }）;         oTable.fnAdjustColumnSizing（）;

这就是我的表格

感谢任何帮助。

正如您所见，标题和正文未对齐，表格正在扩展到屏幕右侧。

修改 我在JQuery标签中使用这个插件。

Answer 1

首先，我会在创建数据表之前控制html结构。它必须如下：

<table id="myTable">
<thead>
<tr>
    <th></th>
    <th></th>
    // exact number of th present in the datatable
</tr>
</thead>
<tbody>
</tbody>
</table>

然后我会尝试设置：

"bAutoWidth": true

即使没有HTML代码也很难解决问题......