数据表头宽度/对齐问题

Question

我遇到了数据表jquery插件的问题，其中我的头文件未正确对齐表格。我注意到，如果我将cellspacing = 0添加到表中，它将正确对齐。但是，这个属性在HTML5中是不应该的，我希望这可以在HTML5中工作。如果您查看虚线边框线，则标头边框线会与内容表格线匹配。

这里是我用来创建表的JavaScript。

myTableHere = $('#MyTableHere').dataTable({ 
    'sScrollY': '100px', 
    'bPaginate': false, 
    'bScrollCollapse': true, 
    'bFilter': false, 
    'bInfo': false, 
    'bSort': false, 
    "aoColumns": [ 
     { "sWidth": "95px" }, 
     { "sWidth": "267px" }, 
     { "sWidth": "77px" }, 
     { "sWidth": "90px" }, 
     { "sWidth": "90px" }, 
     { "sWidth": "42px" } 
    ] 
}); 

这是目前正在查看的最新版本的铬。

下面是我在数据表之前的一些示例HTML。 https://gist.github.com/anonymous/d44360d3a06c1a5b2898

编辑：我发现通过向表头添加边框折叠，它解决了问题。

Answer 1

在我使用数据表插件的桌面上，我应用了一个border-collapse: collapse; css属性。插件完成我的表后，此属性仍然应用于内容表。但是，单独的头文件表中也没有应用该CSS属性。在将表头也设置为边框折叠之后，线条正确排列。