Apply colgroup class only to some rows

Question

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.

score 0 · Answer 1 · answered Mar 19 '13 at 12:26

0

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

answered Mar 19 '13 at 12:26

Nick Andriopoulos

10,313
6
32
56

It doesn't do the same. Colgroup defines a group of columns for which i want to apply the stlyes. `td` will be applied to every `td`... – Alvaro Mar 19 '13 at 12:27

Apply colgroup class only to some rows

1 Answers1