JasonBie

jQuery dataTables 列不对齐的原因

如果把 jQuery dataTables 用在初始化时为隐藏的区域中,会发现表头和内容的列是不对齐的。

解决方案:

如果是折叠的,可以加上:

$('#myCollapsible').on('shown.bs.collapse', function () {
   $($.fn.dataTable.tables(true)).DataTable()
      .columns.adjust();
});

 

如果是Tab页,可以加上:
$('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
   $($.fn.dataTable.tables(true)).DataTable()
      .columns.adjust();
});

 

希望对你有帮助。

 

posted on 2018-07-25 17:24  JasonBie  阅读(...)  评论(...编辑  收藏

My Links

Blog Stats