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 に答える