CODEWITHSUNDEEP
htmlcsshtml-tablecss-tablescolgroup
Alvaro
Alvaro

Reputation: 41595

Apply colgroup class only to some rows

I am trying to separate a group of columns with a border and I am having troubles to keep the headers and footers without that border.

Here's a fiddle with the example: http://jsfiddle.net/cgVHz/1/

As you can see, the two headers of the table also has a border, which is not what I'm looking for.

I am trying to overwrite the colgroup border but I don't get it working:

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

Is this possible? Thanks.

Upvotes: 0

Views: 367

Answers (1)

Nick Andriopoulos
Nick Andriopoulos

Reputation: 10643

Try changing your .demo colgroup to .demo td and it works as expected.

Upvotes: 0

Related Questions