Remove table-hover effect for a single cell in a Twitter Bootstrap table
This is what the bootstrap CSS looks like:
.table-hover {
tbody { tr:hover td, tr:hover th
{ background-color: @tableBackgroundHover; }
}
}
With a bit of JQuery:
$('td[rowspan]').addClass('hasRowSpan');
You can then use the following CSS to override it:
tbody tr:hover td.hasRowSpan {
background-color: none; /* or whatever color you want */
}