2

我的数据表 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

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

4

1 回答 1

1

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

于 2013-03-20T16:33:55.607 回答