Help:Wiki University HTML-- Tables - Sorting
- Nesting Lists
- Fonts - Changing
- Font Size
- Font Colors
- Font Bold-Italics
- Width and Height
- Tables - Borders
- Tables - Widths
- Tables - Captions
- Tables - Col Labels
- Tables - Cells
- Tables - Rows
- Tables - Placement
- Tables - Sorting
- Tables - Scrolling
- Tables - Col Only
- Tables - Col Spans
- Tables - Row Spans
- Infobox - Creating
- Infobox - Placing
- Infobox - If function
- Position - Relative
- Position - Absolute
TABLE SORTING[edit | edit source]
Sometimes tables can get really long and finding what you are looking for can be hard particularly if they are not in any kind of order such as alphabetical. To help with this we can use a "class" called sorting. This will allow us to sort alphabetically any particular column.
- It is placed in the beginning table tag like so:
- You place the "class" before the inline style code.
- The class has to have a space to separate it from inline style codes.
Here is what the table will look like with the sorting class in the beginning heading tags:
|Last Name||First Name||State|
- NOTICE a small hour glass like icon has appeared alongside the headings. These icons appear on the first row regardless of the kind of row it is.
If you click on these icons in any of the columns you will see the columns arrange themselves in alphabetical order.
ROWS STAY TOGETHER[edit | edit source]
- PLEASE NOTICE CAREFULLY the items in the rows stay with the item in the column that you have alphabetically rearranged. It does not matter which column you click.
This is important. If you have a table of names and addresses, you will want the addresses to stay with the names if they were sorted alphabetically. This sorting attribute allows you to add items without having to worry about the order.
Notice, when you leave the page the order of items in the table reverts back to the original. The sorting only lasts as long as you have the page opened.
TRY THESE OUT . . . . .[edit | edit source]
- Classes are mini-programs already created in wikitext. They perform certain functions which means we don't have to create the code ourselves. There are many classes which we will introduce from time to time.