Is there a way to select one whole column in a table to style differently? without adding class or id to all those td?
I want to do with HTML and css 2.1 only. with cross browser compatibility
Yup, although I think the only CSS properties you can set for table cells using the `<col>` element are `border`, `background`, `width` and `visibility`. And I don’t know how well they’re supported.
Paul D. Waite
2010-01-25 13:30:56
In that link they talks about browser support
Rubens Farias
2010-01-25 13:45:32
@Rubens Farias - I think <col> is not supported by Firefox.
metal-gear-solid
2010-06-11 16:34:10
+2
A:
You can select a column in a table by using jQuery cell selector plugin. Here is the example:
$('#mytable tbody td:nth-col(4)');
This code shows how to select the fourth column of a table.
HTH
Pavel Nikolov
2010-01-25 13:11:04
A:
I think recent versions of Safari, Opera and Firefox support the :nth-child CSS selector, so that’s another option.
I don’t think IE 6 and 7 will give you any joy though, you’re stuck with adding classes to the <td>s there.
Paul D. Waite
2010-01-25 13:33:56