I have the following CSS code for my HTML table, but for some reason the border doesn't go over the header row (the <th>
). It's definitely something simple that I missing but I can't seem to figure it out.
#dependenciesTable tr.odd {
background-color: #ffffff;
}
#dependenciesTable tr.even {
background-color: #CDE0F6;
}
#dependenciesTable
{
border-collapse:collapse;
border-width: 1px;
border-style: solid;
}
I am using jquery to add these odd even striping.
$('#dependenciesTable tr:odd').addClass('odd');
$('#dependenciesTable tr:even').addClass('even');