Tabla de Datos y Lista Paginada para Angular | ng-hub-ui-paginable

data (Obligatorio)

Tipo: T[] | Observable<T[]>

Array of data items to display in the table or Observable that emits data arrays

headers (Obligatorio)

Tipo: PaginableTableHeader[]

Configuration array defining table columns and their properties

pagination

Tipo: PaginableTablePagination

Pagination configuration including page size, current page, and total items

options

Tipo: PaginableTableOptions

General table options including selection mode, loading state, and responsive behavior

loading

Tipo: boolean

Shows loading state with spinner overlay

selected

Tipo: T[]

Array of currently selected items (two-way binding supported)

rowClick

Tipo: TableRowEvent<T>

Emitted when a table row is clicked, includes row data and event details

selectionChange

Tipo: T[]

Emitted when row selection changes, returns array of selected items

sortChange

Tipo: PaginableTableOrdination[]

Emitted when column sorting changes, returns current sort configuration

filterChange

Tipo: FilterChangeEvent

Emitted when filters are applied or changed

pageChange

Tipo: PaginationState

Emitted when pagination changes (page number or size)

*paginableTableHeader

Custom header template for defining custom column headers

Ejemplo:

*paginableTableCell

Custom cell template for customizing cell content rendering

Ejemplo:

*paginableTableRow

Custom row template for defining entire row structure

Ejemplo:

*paginableTableFilter

Custom filter template for adding filtering UI elements

Ejemplo:

*paginableTableLoading

Loading state template for custom loading indicators

Ejemplo:

*paginableNoResults

Empty state template displayed when no data is available

Ejemplo:

*paginableTableError

Error state template for handling error conditions

Ejemplo: