Saltar al contenido

Componentes

Tablas editables

Listados adaptativos con acciones y edición de celdas.

Prueba sin guardar cambios

Cargando ejemplo…

Cuándo usar

Usa CrmEditableTable para listados. Entrega las acciones a headerActions, columnas con render y una identidad estable para cada fila. Los editores de celda pertenecen al consumidor.

Propiedades y variantes

PropiedadContrato
rows / columns / getRowIdDatos, definiciones de columnas e ID estable.
sort / onSortChangeOrden controlado; el consumidor ordena los datos.
headerActions / headerLayoutAcciones; stacked separa las utilidades en contenedores estrechos.
emptyText / isRefreshingEstados vacío y de actualización.
selection / paginationSelección y paginación opcionales, controladas por el consumidor.

Estados y accesibilidad

Conserva la edición optimista y revierte los cambios si falla el guardado.

Evitar

No montes una tabla dentro de otra cabecera de tarjeta ni uses el índice de la fila como identidad persistente.

Código fuente

  • apps/platform/src/modules/crm/components/editable-table.tsx