Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
Description
Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. See related aria-rowindex and aria-colspan.
This attribute is intended for cells and gridcells which are not contained in a native table. When defining the row span of cells or gridcells in a native table, authors SHOULD use the host language’s attribute instead of aria-rowspan. If aria-rowspan is used on an element for which the host language provides an equivalent attribute, user agents MUST ignore the value of aria-rowspan and instead expose the value of the host language’s attribute to assistive technologies.
Authors MUST set the value of aria-rowspan to an integer greater than or equal to 0 and less than the value which would cause the cell or gridcell to overlap the next cell or gridcell in the same column. Setting the value to 0 indicates that the cell or gridcell is to span all the remaining rows in the row group.
Browser Compatibility For aria-rowspan
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
ariaRowSpan | ChromeFull support81 | EdgeFull support81 | FirefoxNo supportNo | Internet ExplorerNo supportNo | OperaFull support68 | SafariFull support12.1 | WebView AndroidFull support81 | Chrome AndroidFull support81 | Firefox for AndroidNo supportNo | Opera AndroidFull support58 | Safari on iOSFull support12.2 | Samsung InternetFull support13.0 |
Example
Example coming soon
Characteristics
Used in Roles
- cell
Inherits into Roles
- columnheader
- gridcell
- rowheader
Value
- integer
- A numerical value without a fractional component.
Semantic HTML
Use the rowspan attribute of the <td> or <th> tag,
<table><tr><th>Month</th><th>Savings</th><th>Savings for holiday!</th></tr><tr><td>January</td><td>$100</td><td rowspan="2">$50</td></tr><tr><td>February</td><td>$80</td></tr></table>
Reference
- W3C (opens new window)
- MDN Web Docs