Tables: Support for multiple <tbody> #954

ledermann opened this Issue Jan 10, 2012 · 2 comments


None yet

2 participants


Because a <table> is allowed to contain multiple <tbody> to build groups of rows, it would be nice to style them with Bootstrap.

Example 1: Striped groups:

tbody:nth-child(odd) { background: #f5f5f5; }
tbody:nth-child(even) { background: #e5e5e5; }

Example 2: Placing a separator between groups:

tbody { border-top: 10px solid #ccc; }
tbody:first-of-type { border-top: 0; }

But both do not work nice with .striped-table. Any ideas?

Further reading:

mdo commented Jan 11, 2012

Added a 2px border to 2.0-wip.

@mdo mdo closed this Jan 11, 2012

Thanks, but I think this is not a perfect solution when it comes to .striped-table. Please see this example:

If a <tbody> contains an odd number of rows, the last row has the same background-color as the first row of the next <tbody>

@daveobriencouk daveobriencouk pushed a commit to egocreative/bootstrap that referenced this issue Nov 18, 2012
@mathiasbynens mathiasbynens Normalize short URLs pointing to GitHub issues
Ref. #954.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment