Boss UltimateStripped Table
They (allegedly) aid usability in reading tabular data by offering the user a coloured means of separating and differentiating rows from one another
| Dessert (100g serving) | Calories | Fat (g) | Carbs (g) | Protein (g) |
|---|---|---|---|---|
| Frozen yoghurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 24 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
Hover Table
Hover tables is addition option that allows you to see what row you selected
| Dessert (100g serving) | Calories | Fat (g) | Carbs (g) | Protein (g) |
|---|---|---|---|---|
| Frozen yoghurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 24 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
Bordered Table
Old is gold, here is old fashion bordered table, we tweaked it a bit so that the headings looks more prominent.
| Dessert (100g serving) | Calories | Fat (g) | Carbs (g) | Protein (g) |
|---|---|---|---|---|
| Frozen yoghurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 24 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
Status Table with Label
| Dessert (100g serving) | Progress | Status |
|---|---|---|
| Frozen yoghurt | Error | |
| Ice cream sandwich | Warning | |
| Eclair | Info | |
| Cupcake | Default | |
| Gingerbread | Success |
Coloured Row
| Dessert (100g serving) | Progress | Status |
|---|---|---|
| Frozen yoghurt | Error | |
| Ice cream sandwich | Warning | |
| Eclair | Info | |
| Cupcake | Default | |
| Gingerbread | Success |
Empty Table
UI Table when no data to be shown
| Dessert (100g serving) | Calories | Fat (g) | Carbs (g) | Protein (g) |
|---|
No Data