Table
Componente estructural para mostrar datos tabulares. Compuesto por sub-componentes.
Contrato
- Solo muestra datos. No ejecuta acciones ni navega.
-
Compuesto por:
Table,TableHead,TableBody,TableRow,TableHeadCell,TableCell. - La ordenación y paginación se resuelven externamente.
Uso básico
| Nombre | Rol | Estado |
|---|---|---|
| Ana García | Diseñadora | Activa |
| Carlos López | Desarrollador | Activo |
| Marta Pérez | Product Manager | Activa |
Estados de fila
TableRow acepta un prop state: base (default), selected o disabled.
| Nombre | Estado de fila |
|---|---|
| Fila base | base (default) |
| Fila seleccionada | selected |
| Fila deshabilitada | disabled |
Alineación de celdas
Tanto TableHeadCell como TableCell aceptan
align: left (default), center o
right.
| Izquierda | Centro | Derecha |
|---|---|---|
| Dato A | Dato B | Dato C |
Datos dinámicos
Puedes pasar datos dinámicos a tu tabla.
| Nombre | Rol | Estado |
|---|---|---|
| Ana García | Diseñadora | Activa |
| Carlos López | Desarrollador | Activo |
| Marta Pérez | Product Manager | Activa |
Antipatrón
No uses Table para layouts visuales. No incrustes lógica de ordenación
o filtrado dentro del componente; resuélvela externamente.