数据表列标题对齐问题

Question

问题在于chrome和IE.如果我们在制作数据表时添加滚动选项,则表头不与表对齐.否则很好.

"scrollY" : 200, "scrollCollapse" : true, "sScrollX" : "100px",

Answer 1

您好我们可以通过添加我们自己的自定义滚动工具来解决问题.

• 脚步:)

  1. 在制作数据表时删除滚动选项.
  2. 用div包装表: $('#'+tableId).wrap("<div class='scrolledTable'></div>");
  3. 给scrollledTable类赋予css属性.

  .scrolledTable {overflow-y:auto; 明确:两者; }

  1. 完.

Answer 2

这可能有所帮助,

$(".dataTables_scrollHeadInner").css({"width":"100%"});
$(".table ").css({"width":"100%"});

我将它放在我的drawCallback函数中,这对我有用(你可以将它添加到yourstyle.css)