首页 文章

JQuery DataTable插件宽度问题

提问于
浏览 次
0

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

问题：

  • Headers 列和正文列未对齐 .

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

Sample Code

var scrollY = $（window）.height（）* 80/100;
var oTable = $（'#myTable'） . dataTable（{"sScrollX"："100%"，"sScrollY"：scrollY，"bScrollCollapse"：true，"bPaginate"：false，"bStateSave"：false，"bFilter"：false，"bInfo"：false，"bAutoWidth"：false，"bSort"：true，"aaSorting"：[ ]
}）; oTable.fnAdjustColumnSizing（）;

这是我的表格看起来
enter image description here

任何帮助表示赞赏 .

正如您所看到的那样， Headers 和正文未对齐，表格正在扩展到屏幕右侧 .

EDIT 我在JQuery选项卡中使用此插件 .

jquery datatable width

1 回答

  • 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代码也很难解决你的问题......

    回复于

相关问题