HTML - <tbody>
The HTML Table Body Element (<tbody>) defines one or more <tr> element data-rows to be the body of its parent <table> element (as long as no <tr> elements are immediate children of that table element.) In conjunction with a preceding <thead> and/or <tfoot> element, <tbody> provides additional semantic information for devices such as printers and displays. Of the parent table's child elements, <tbody> represents the content which, when longer than a page, will most likely differ for each page printed; while the content of <thead> and <tfoot> will be the same or similar for each page printed. For displays, <tbody> will enable separate scrolling of the <thead>, <tfoot>, and <caption> elements of the same parent <table> element. Note that unlike the <thead>, <tfoot>, and <caption> elements however, multiple <tbody> elements are permitted (if consecutive), allowing the data-rows in long tables to be divided into different sections, each separately formatted as needed.
Example
Please see the <table> page for examples on <tbody>.
Description
The HTML Table Body Element (<tbody>) defines one or more <tr> element data-rows to be the body of its parent <table> element (as long as no <tr> elements are immediate children of that table element.) In conjunction with a preceding <thead> and/or <tfoot> element, <tbody> provides additional semantic information for devices such as printers and displays. Of the parent table's child elements, <tbody> represents the content which, when longer than a page, will most likely differ for each page printed; while the content of <thead> and <tfoot> will be the same or similar for each page printed. For displays, <tbody> will enable separate scrolling of the <thead>, <tfoot>, and <caption> elements of the same parent <table> element. Note that unlike the <thead>, <tfoot>, and <caption> elements however, multiple <tbody> elements are permitted (if consecutive), allowing the data-rows in long tables to be divided into different sections, each separately formatted as needed.
| Content categories | None. |
| Permitted content | Zero or more <tr> elements. |
| Tag omission | The <tbody> element is not a required child element for a parent <table> element to graphically render. However, it must not be present, if its parent <table> element has a <tr> element as a child. |
| Permitted parent elements | Within the required parent <table> element, the <tbody> element can be added after a <caption>, <colgroup>, <thead> and a <tfoot> element. |
| Normative document | HTML5, section 4.9.5 (HTML4.01, section 11.2.3) |
Browser Compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
align/valign attribute |
1.0 | Not supported [1] | (Yes) | (Yes) | (Yes) |
char/charoff attribute |
1.0 | Not supported [2] | (Yes) | (Yes) | (Yes) |
bgcolor attribute |
Not supported | Not supported | (Yes) | Not supported | Not supported |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |
align/valign attribute |
? | Not supported [1] | ? | ? | ? |
char/charoff attribute |
? | Not supported [2] | ? | ? | ? |
bgcolor attribute |
Not supported | Not supported | (Yes) | Not supported | Not supported |
[1] See bug 915.
[2] See bug 2212.
See Also
- Other table-related HTML Elements:
<caption>,<col>,<colgroup>,<table>,<td>,<tfoot>,<th>,<thead>,<tr>; - CSS properties and pseudo-classes that may be specially useful to style the <tbody> element:
- the
:nth-childpseudo-class to set the alignment on the cells of the column; - the
text-alignproperty to align all cells content on the same character, like '.'.
- the
This element implements the HTMLTableSectionElement interface.
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/html/element/tbody