User:Timeshifter/Sandbox33
This is no longer necessary. There is now a better solution. See:
- See also:
- User:Timeshifter/Sandbox34
- bugzilla:40618
- Number sign
- Help:Sorting#Adding a separate rank column (1,2,3) next to a table.
Fixed, automatic row numbering in a sortable table[edit]
- User:Timeshifter/vector.css - Adapted from:
- http://www.mediawiki.org/w/index.php?title=User:Ciencia_Al_Poder/Test&oldid=588713
/* Row numbering. */ table.rownumber { counter-reset: tablerownumber; } table.rownumber td.rownumber-value:before { content: counter(tablerownumber); counter-increment: tablerownumber; }
See http://www.w3.org/TR/CSS21/generate.html#counters
- Whenever a table with class rownumber is encountered, the counter is reset.
- Whenever a table cell with class rownumber-value is encountered, a generated content is added displaying the counter value.
Example table[edit]
# | color | name | city |
---|---|---|---|
white | John | New York | |
green | Alice | Warsaw | |
black | Mark | Rennes |
{| class="wikitable sortable rownumber" !# !color !name !city |- | class=rownumber-value | | white |John |New York |- | class=rownumber-value | |green |Alice |Warsaw |- | class=rownumber-value | |black |Mark |Rennes |}
This is what I add to my CSS page[edit]
When this below is on my vector.css page the above table has static row numbers.
/* Row numbering. Adapted from: /* http://www.mediawiki.org/w/index.php?title=User:Ciencia_Al_Poder/Test&oldid=588713 /* See examples: http://en.wikipedia.org/wiki/User:Timeshifter/Sandbox33 */ table.rownumber { counter-reset: tablerownumber; } table.rownumber td.rownumber-value:before { content: counter(tablerownumber); counter-increment: tablerownumber; }