Search results
Results From The WOW.Com Content Network
|+ Table caption adds the caption "Table caption" to the top of the table. A caption is optional, but recommended according to accessibility guidelines. |-adds a new row, which should be followed by the same number of cells found in other rows. Note, rowspan="2" and colspan="2" can be used on cells to span multiple rows and columns.
If you use tables for two-dimensional graphics you might discover a "feature" in HTML that promotes grey hair. It can affect both rows and columns, depending on the use of either rowspan or colspan. In this 7-row table three cells are assigned a rowspan of 3, but the table totals 6 rows. Where is row 4? There is a row 5-4!
For columns, one uses |colspan=n | content, whereas for rows, one uses |rowspan=m | content. In the table code, one must leave out the cells that are covered by such a span. The resulting column- and row-counting must fit. Tables can have cells spanning multiple rows, using |rowspan=n. The number of rows must be indicated with each use of rowspan.
Note that you may also specify the § height of individual rows, and if they add up to more than the table height you specified or if word wrapping increases row height, the table height you specified will be ignored and the table height increased as needed to accommodate all the rows (except on mobile where the bottom of the table will be cut ...
More template styles for tables: {{sticky header}} - Makes column headers stick to the top of the page while scrolling through table data. {} - moves the sorting arrows under the headers. {{row hover highlight}} - adds row hover highlighting, and option for white background. {{static row numbers}} - adds a column of row numbers to a table.
The static-row-header class disables the number and border between other rows that use this class consecutively, simulating a rowspan (see Help:Table#Colspan and rowspan). It should be added to: Header rows excluding the first. For sortable tables, it prevents numbering when JavaScript is disabled. Rows using the sorttop or sortbottom class.
The template is compatible with collapsible tables, and cells using colspan or rowspan, in which case place the colspan/rowspan attribute between ! and {{diagonal split header 2 ...}}. It is not compatible with sortable tables, as the sort arrows are not drawn, but this problem can be resolved by using a second header row.
Old screen readers, text-to-speech systems and text browsers like Lynx do not support rowspan and colspan. The result can be very confusing for users of these technologies. It's part of the responsibility of the developers of those user agents to provide good table support in their software, and to improve their UAAG conformity.