Componenta React Table - Material-UI
Tabelele afișează seturi de date. Acestea pot fi complet personalizate.
Tabelele afișează informații într-un mod ușor de scanat, astfel încât utilizatorii să poată căuta modele și informații. Ele pot fi încorporate în conținutul principal, cum ar fi cardurile.
Tabelele pot include:
- O vizualizare corespunzătoare
- Navigare
- Instrumente pentru interogarea și manipularea datelor
La includerea instrumentelor, acestea trebuie plasate direct deasupra sau sub masă.
Tabel de bază
Un exemplu simplu, fără bibelouri.
| 159 | 6 | 24 | 4 |
| 237 | 9 | 37 | 4.3 |
| 262 | 16 | 24 | 6 |
| 305 | 3.7 | 67 | 4.3 |
| 356 | 16 | 49 | 3.9 |
Tabel de date
Componenta DataGrid este concepută pentru cazuri de utilizare care se concentrează asupra manipulării unei cantități mari de date tabulare. Deși vine cu o structură mai rigidă, în schimb, obțineți caracteristici mai puternice.
Masă densă
Un exemplu simplu de masă densă, fără bibelouri.
| 159 | 6 | 24 | 4 |
| 237 | 9 | 37 | 4.3 |
| 262 | 16 | 24 | 6 |
| 305 | 3.7 | 67 | 4.3 |
| 356 | 16 | 49 | 3.9 |