TableProps
Tabla con orden, paginacion y seleccion. Categoria: data.
Firma
export interface TableProps extends CommonProps {
columns?: Array<{ key?: string; label?: string | number | boolean | I18nText; sortable?: boolean | Expr; align?: TextAlign | Expr; format?: "text" | "number" | "date" | "datetime" | "boolean" | "badge" | "code" | "link" | "status" | Expr; tone?: Tone | Expr; toneMap?: Record<string, Tone | Expr>; hrefKey?: string; filter?: boolean | Expr; width?: "xs" | "sm" | "md" | "lg" | Expr; }> | Expr;
data?: unknown;
rows?: unknown;
rowKey?: string;
selectable?: "none" | "single" | "multiple" | Expr;
bind?: string;
pageSize?: number | Expr;
density?: Density | Expr;
emptyText?: string | number | boolean | I18nText;
loading?: boolean | Expr;
actions?: Array<{ label?: string | number | boolean | I18nText; icon?: string; tone?: Tone | Expr; onClick?: UiActionInput; }> | Expr;
onRowClick?: UiActionInput;
onSelect?: UiActionInput;
caption?: string | number | boolean | I18nText;
searchable?: boolean | Expr;
searchPlaceholder?: string | number | boolean | I18nText;
defaultSort?: { key: string; dir?: "asc" | "desc" | Expr; };
bulkActions?: Array<{ label?: string | number | boolean | I18nText; icon?: string; tone?: Tone | Expr; onClick?: UiActionInput; }> | Expr;
error?: string | number | boolean | I18nText;
onRetry?: UiActionInput;
}- Extiende
Miembros (20)
| Nombre | Tipo | Descripción |
|---|---|---|
| columnsopcional | Array<{ key?: string; label?: string | number | boolean | I18nText; sortable?: boolean | Expr; align?: TextAlign | Expr; format?: "text" | "number" | "date" | "datetime" | "boolean" | "badge" | "code" | "link" | "status" | Expr; tone?: Tone | Expr; toneMap?: Record<string, Tone | Expr>; hrefKey?: string; filter?: boolean | Expr; width?: "xs" | "sm" | "md" | "lg" | Expr; }> | Expr | Columnas. |
| dataopcional | unknown | Filas (arreglo de objetos). |
| rowsopcional | unknown | Alias de |
| rowKeyopcional | string | Clave unica de fila (por defecto el indice). |
| selectableopcional | "none" | "single" | "multiple" | Expr | Seleccion de filas. Por defecto: |
| bindopcional | string | Clave de |
| pageSizeopcional | number | Expr | Filas por pagina (0 = sin paginar). Por defecto: |
| densityopcional | Density | Expr | Altura de fila. Por defecto: |
| emptyTextopcional | string | number | boolean | I18nText | Texto si no hay filas. |
| loadingopcional | boolean | Expr | Muestra esqueleto. |
| actionsopcional | Array<{ label?: string | number | boolean | I18nText; icon?: string; tone?: Tone | Expr; onClick?: UiActionInput; }> | Expr | Acciones por fila. |
| onRowClickopcional | UiActionInput | Accion al pulsar una fila (recibe |
| onSelectopcional | UiActionInput | Accion al cambiar la seleccion (recibe |
| captionopcional | string | number | boolean | I18nText | Titulo accesible de la tabla. |
| searchableopcional | boolean | Expr | Caja de busqueda que filtra por cualquier columna. |
| searchPlaceholderopcional | string | number | boolean | I18nText | Texto de ejemplo de la busqueda. |
| defaultSortopcional | { key: string; dir?: "asc" | "desc" | Expr; } | Orden inicial. |
| bulkActionsopcional | Array<{ label?: string | number | boolean | I18nText; icon?: string; tone?: Tone | Expr; onClick?: UiActionInput; }> | Expr | Acciones sobre las filas seleccionadas (aparecen con seleccion multiple). |
| erroropcional | string | number | boolean | I18nText | Mensaje de error de carga: sustituye a las filas. |
| onRetryopcional | UiActionInput | Accion del boton Reintentar (solo con |
Usado en / Referenciado por
Fuente: bloomx-extensions/_shared/sdk/ui.d.ts:1681 · ui.d.ts