html - colgroup クラスを一部の行にのみ適用する

Question

列のグループを境界線で区切ろうとしていますが、その境界線なしでヘッダーとフッターを保持するのに問題があります。

例のフィドルは次のとおりです。 http://jsfiddle.net/cgVHz/1/

ご覧のとおり、テーブルの 2 つのヘッダーにも境界線がありますが、これは私が探しているものではありません。

境界線を上書きしようとしていますcolgroupが、うまくいきません:

.demo{
    border-collapse: collapse; !important
}
.demo th{
    text-align:center;
    border-right:0px;
}
.demo colgroup{
    border-right: 1px solid #C4C4C4;
}

これは可能ですか？ありがとう。

Answer 1

に変更してみてください.demo colgroup。.demo td期待どおりに機能します。