componente · @solu30/ui-kit/data-display
TableRow
Una fila, tr. Sirve tanto en el encabezado como en el cuerpo.
217 sitios de import en 8 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- TheCharterPanel
- carlosmartinpavon
- cmp-packages
- dietaly
- elliot
- gestorsalon
- luigi
- raquetea
La parte, adentro de su padre
Cargando el componente del paquete instalado…
TableRow es una parte de Table: sola no significa nada. Así que el escenario monta el padre completo, y lo que se ve incluye más piezas que la de esta ficha.
Cómo se usa
import { TableRow } from '@solu30/ui-kit/data-display'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| onRowClick | opcional | () => void | Optional row-click handler for consumers of the low-level `Table` that don't need `DataTable`'s filtering/sorting/pagination (ADR-165 §2). Adds `tabIndex`/`onKeyDown` (Enter/Space) automatically — no `role="button"` override, the `<tr>` keeps its native row semantics (gate redblue 2026-07-12 F7). Pair with a real interactive control in one of the row's cells; this alone is not a full a11y substitute. |
Ejemplo del paquete
// `onRowClick` hace la fila operable por teclado además de por mouse.
// Un onClick suelto sobre el <tr> deja la fila fuera del recorrido del tabulador.
<TableRow onRowClick={() => abrir(f.id)}>
<TableCell>{f.cliente}</TableCell>
</TableRow>Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.