Editing Table cell (section)

===Colspan and rowspan===
Every row must have the same number of table data cells, occasionally table data cells have to span more than one column or row. In this case the tags colspan and/or rowspan are used - where they are set to a number.
{| width="80%" align="center" style="font-variant:small-caps"
|-
| style="background:var(--background-color-inverted, black)" width="5%"|<br/>
| style="background:var(--background-color-inverted, black)" width="5%"|<br/>
| style="background:var(--background-color-inverted, black)" width="5%"|<br/>
| border="none"|<-- ''This row has three'' '''table data cells'''
|-
| colspan="2" style="background:var(--background-color-progressive, blue);"|<br/>
| style="background:var(--background-color-inverted, black)"|<br/>
| border="none"|<-- ''This row has two. The first uses'' '''<code>colspan="2"</code>'''
|-
| rowspan="2" style="background:var(--background-color-destructive, red)"|<br/>
| style="background:var(--background-color-inverted, black)"|<br/>
| style="background:var(--background-color-inverted, black)"|<br/>
| border="none"|<-- ''This row has three table data cells, but one spans two rows because it uses'' '''<code>rowspan="2"</code>'''
|-
| style="background:var(--background-color-inverted, black)"|<br/>
| style="background:var(--background-color-inverted, black)"|<br/>
| border="none"|<-- ''This row has only two table data cells, because its first is being taken up
|}