数据表标题宽度/对齐问题

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" }
    ]
});

最新版本的Chrome正在查看此内容。

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

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

Answer 1

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