Wikipedia:Manual of Style/Accessibility/Data tables tutorial: Difference between revisions

Content deleted Content added
Make example code and output responsive. Cleanup whitespace, etc.
Complex tables: Shorten first example code just to get point across.
Line 289:
! scope="col" rowspan="2" | column header 1
! scope="col" rowspan="2" | column header 2
! scope="colgroup" colspan="2" | column header group 1
! scope="colgroup" colspan="2" | column header group 2
|-
! scope="col" | column header 3
! scope="col" | column header 4
! scope="col" | column header 5
! scope="col" | column header 6
|-
! scope="rowgroup" rowspan="2" | row header group 1
! scope="row" | row header 1
| data || data || data || data
|-
! scope="row" | row header 2
| data || data || data || data
|-
! scope="rowgrouprow" rowspancolspan="2" | row header group 23
| data || data || data || data
! scope="row" | row header 3
| data || data || data || data
|-
! scope="row" | row header 4
| data || data || data || data
|-
! scope="row" colspan="2" | row header 5
| data || data || data || data
|}
</syntaxhighlight>
Line 323 ⟶ 313:
! scope="col" rowspan="2" | column header 1
! scope="col" rowspan="2" | column header 2
! scope="colgroup" colspan="2" | column header group 1
! scope="colgroup" colspan="2" | column header group 2
|-
! scope="col" | column header 3
! scope="col" | column header 4
! scope="col" | column header 5
! scope="col" | column header 6
|-
! scope="rowgroup" rowspan="2" | row header group 1
! scope="row" | row header 1
| data || data || data || data
|-
! scope="row" | row header 2
| data || data || data || data
|-
! scope="rowgroup" rowspan="2" | row header group 2
! scope="row" | row header 3
| data || data || data || data
|-
! scope="row" | row header 4
| data || data || data || data
|-
! scope="row" colspan="2" | row header 53
| data || data || data || data
|}
</div>