Data Tables display sets of raw data.
They usually appear in desktop enterprise products.
Below are the examples of different types of data tables.
PLAIN DATA TABLE
| Dessert (100g Serving) | Calories | Fat (g) | Carbs (g) | Protein (g) |
|---|---|---|---|---|
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Donut | 452 | 25.0 | 51 | 4.9 |
| Eclair | 262 | 16.0 | 24 | 6.0 |
| Froyo | 159 | 6.0 | 24 | 4.0 |
| Gingerbread | 356 | 16.0 | 49 | 3.9 |
DATA TABLE WITH SELECTABLE ROWS
| Dessert (100g Serving) | Calories | Fat (g) | Carbs (g) | Protein (g) | |
|---|---|---|---|---|---|
| Honeycomb | 408 | 3.2 | 87 | 6.5 | |
| Ice Cream Sandwich | 237 | 9.0 | 37 | 4.3 | |
| Jelly Bean | 375 | 0 | 94 | 0 | |
| KitKat | 518 | 26.0 | 65 | 7.0 | |
| Lollipop | 392 | 0.2 | 98 | 0 |
DATA TABLE WITH HEADER AND ACTIONS
| Dessert (100g Serving) | Calories | Fat (g) | Carbs (g) | Protein (g) | |
|---|---|---|---|---|---|
| Cupcake | 305 | 3.7 | 67 | 4.3 | |
| Donut | 452 | 25.0 | 51 | 4.9 | |
| Eclair | 262 | 16.0 | 24 | 6.0 | |
| Froyo | 159 | 6.0 | 24 | 4.0 | |
| Gingerbread | 356 | 16.0 | 49 | 3.9 |
DATA TABLE WITH ROW ACTIONS
SORTABLE DATA TABLE
NOTE: We have not provided any sorting logic.
COLLAPSIBLE DATA TABLE