daisy-data-components/table/data-table-types.ts

The "daisy-data-components" NPM package transforms general UI components from daisyUI into specialized "data components", such as Data Tables and Data Date Pickers, optimized for working with data-centric applications. It provides powerful functionality t

interface DataTableColumn<T> {
    slot: string;
    title: string;
    sortable?: boolean;
    searchable?: boolean;
    queryPredicate?: (data: T) => string | number | Date | boolean | undefined | null;
    classes?: string;
}

interface DataTableStyling {
    wrapper?: string;
    table?: string;
    head?: string;
    bodyLoading?: string;
    bodyNoData?: string;
    body?: string;
    foot?: string;
}

interface DataTableOptions<T> {
    enableSearch: boolean;
    searchQuery?: string;
    minSearchQueryLength?: number;
    enablePagination: boolean;
    pageSize?: number;
    persistentPageSize?: number;
    pageCurrentId?: number;
    loading: boolean;
    styling?: DataTableStyling
    columns: DataTableColumn<T>[]
    items: T[]
}

export type { DataTableColumn, DataTableStyling, DataTableOptions }