Компонент React Table - Material-UI
У таблицях відображаються набори даних. Їх можна повністю налаштувати.
У таблицях інформація відображається таким чином, що її легко сканувати, щоб користувачі могли шукати закономірності та ідеї. Вони можуть бути вбудовані в основний вміст, наприклад, картки.
Таблиці можуть включати:
- Відповідна візуалізація
- Навігація
- Інструменти для запиту та обробки даних
Включаючи інструменти, їх слід розміщувати безпосередньо над або під столом.
Основна таблиця
Простий приклад без надмірностей.
| 159 | 6 | 24 | 4 |
| 237 | 9 | 37 | 4.3 |
| 262 | 16 | 24 | 6 |
| 305 | 3.7 | 67 | 4.3 |
| 356 | 16 | 49 | 3.9 |
Таблиця даних
Компонент DataGrid призначений для випадків використання, орієнтованих на обробку великих обсягів табличних даних. Хоча він має більш жорстку структуру, натомість ви отримуєте більш потужні функції.
Щільний стіл
Простий приклад щільного столу без надмірностей.
| 159 | 6 | 24 | 4 |
| 237 | 9 | 37 | 4.3 |
| 262 | 16 | 24 | 6 |
| 305 | 3.7 | 67 | 4.3 |
| 356 | 16 | 49 | 3.9 |