表头和表体没有正确对齐数据表答案

【问题标题】：header and table body are not in proper alignment datatable表头和表体没有正确对齐数据表
【发布时间】：2017-06-19 13:59:26
【问题描述】：

//In dtOption I am giving 
   .withOption('scrollY','auto')

&lt;table datatable dt-columns="dtColumns" dt-options="dtOptions"  style="width:100%;"&gt;&lt;/table&gt;

但是由于这个原因，标题和剩余的正文没有正确对齐。我尝试了各种选项，但问题没有解决。请提出一些解决该问题的方法。我附上了表格的截图。

【问题讨论】：

右侧似乎有一个滚动条。为什么？那是你的问题。
另外，请添加Minimal, Complete, and Verifiable example
对不起，我不能添加任何示例或小提琴，因为这是一个漫长的项目。我的问题是标题和表格正文的列没有正确对齐。就像我在第 3 列的截图 td 中一样

标签： css angularjs datatables scroller

【解决方案1】：

解决方法是：

$('#DataTableID').DataTable({
  //"scrollX": true,            
  "initComplete": function (settings, json) {  
    $("#DataTableID").wrap("<div style='overflow:auto; width:100%;position:relative;'></div>");            
  },
});

【讨论】：