Table Component

Tables are structured grids of information that display rows of data to help users view, process and understand data.


Table Example

Full text search: Loading...
# Country Area Population
{{ country.id }}

Guideline

• Text columns are left-aligned.
• Numeric monetary and quantity columns are right-aligned.
• Numeric identification data (ex: ID number) columns are left-aligned.
• Column header aligned as column content.
• Order columns from left to right based on the importance, the most important column goes on the left.
• Avoid duplication in column content. If you know you will have the same.
• Keep the table width as fit on a full page desktop view as possible, avoid horizontal scrolling. If
• Use pagination placed on the bottom of the table. If the table have fixed number of rows (enough with one page only), pagination should be

Code