Tables

The rainbow pro table implementation requires the developer to use semanticly correct table HTML, meaning that we take advantage of the thead and tbody elements.

The only non-standard details are how to implement sortable headers.
You can easily add the support (for the rendering) by following these rules:

  1. All sortable headers must have the _sortable class.
  2. All classes with _sortable must contain a span with ._sort-indicator
  3. The ._sort-indicator must be an vertical arrow symbol
  4. The currently sorted column must get the ._sorted-by class added

Default small table

Title ID Agent ↓ Commando Street ZipCode Address ↓ Multiline sort indicator Priority
Bulk i Takpanner
Offer list • second informatio
Sent Tue, Augest 16, 2020 1:01 PM to 4,239
Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High
Bulk i Takpanner Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High
Spain Bulk i Takpanner Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High

Default medium table

Title ID Agent ↓ Street ZipCode Address ↓ Priority
Bulk i Takpanner
Offer list • second informatio
Sent Tue, Augest 16, 2020 1:01 PM to 4,239
Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High
Bulk i Takpanner Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High
Spain Bulk i Takpanner Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High

Default large table

Title ID Agent ↓ Commando Street ZipCode Address ↓ Multiline sort indicator Priority
Bulk i Takpanner
Offer list • second informatio
Sent Tue, Augest 16, 2020 1:01 PM to 4,239
Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High
Bulk i Takpanner Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High
Spain Bulk i Takpanner Double curved tiles
Kristian Klette
Almenningsvegen 106
2843 Eina
High