.table-striped applies to sub-tables
Created by: mberkom
The table-striped selectors apply to a table's sub tables making a sub-table's rows all colored based on the parent table. See example here: http://jsfiddle.net/D2RLR/3042/
This is the code at fault: https://github.com/twitter/bootstrap/blob/master/less/tables.less#L148
Is:
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
tbody {
tr:nth-child(odd) td,
tr:nth-child(odd) th {
background-color: @tableBackgroundAccent;
}
}
}
Should be:
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
> tbody {
> tr:nth-child(odd) > td,
> tr:nth-child(odd) > th {
background-color: @tableBackgroundAccent;
}
}
}