數據表頭寬度/對齊問題

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屬性。在將表頭也設置爲邊框摺疊之後，線條正確排列。