ETASCOM CRM V3 - Documentation API
    Preparing search index...

    Interface DataGridV2Props<TData>

    interface DataGridV2Props<TData extends object> {
        columns: ColumnDef<TData, unknown>[];
        data: TData[];
        className?: string;
        children?: ReactNode;
        onRowClick?: (row: TData) => void;
        isLoading?: boolean;
        loadingMode?: "skeleton" | "spinner";
        loadingMessage?: ReactNode;
        emptyMessage?: ReactNode;
        tableLayout?: {
            dense?: boolean;
            cellBorder?: boolean;
            rowBorder?: boolean;
            rowRounded?: boolean;
            stripped?: boolean;
            headerBackground?: boolean;
            headerBorder?: boolean;
            headerSticky?: boolean;
            width?: "fixed" | "auto";
            columnsVisibility?: boolean;
            columnsResizable?: boolean;
            columnsPinnable?: boolean;
            columnsMovable?: boolean;
        };
        tableClassNames?: {
            base?: string;
            header?: string;
            headerRow?: string;
            headerSticky?: string;
            body?: string;
            bodyRow?: string;
            footer?: string;
            edgeCell?: string;
        };
        initialState?: {
            pagination?: Partial<PaginationState>;
            sorting?: SortingState;
            columnFilters?: ColumnFiltersState;
            grouping?: GroupingState;
            expanded?: ExpandedState;
            globalFilter?: string;
            columnVisibility?: Record<string, boolean>;
        };
        globalFilterFn?: (
            row: TData,
            columnId: string,
            filterValue: unknown,
        ) => boolean;
    }

    Type Parameters

    • TData extends object
    Index

    Properties

    columns: ColumnDef<TData, unknown>[]
    data: TData[]
    className?: string
    children?: ReactNode
    onRowClick?: (row: TData) => void
    isLoading?: boolean
    loadingMode?: "skeleton" | "spinner"
    loadingMessage?: ReactNode
    emptyMessage?: ReactNode
    tableLayout?: {
        dense?: boolean;
        cellBorder?: boolean;
        rowBorder?: boolean;
        rowRounded?: boolean;
        stripped?: boolean;
        headerBackground?: boolean;
        headerBorder?: boolean;
        headerSticky?: boolean;
        width?: "fixed" | "auto";
        columnsVisibility?: boolean;
        columnsResizable?: boolean;
        columnsPinnable?: boolean;
        columnsMovable?: boolean;
    }
    tableClassNames?: {
        base?: string;
        header?: string;
        headerRow?: string;
        headerSticky?: string;
        body?: string;
        bodyRow?: string;
        footer?: string;
        edgeCell?: string;
    }
    initialState?: {
        pagination?: Partial<PaginationState>;
        sorting?: SortingState;
        columnFilters?: ColumnFiltersState;
        grouping?: GroupingState;
        expanded?: ExpandedState;
        globalFilter?: string;
        columnVisibility?: Record<string, boolean>;
    }

    Valeurs initiales (optionnel)

    globalFilterFn?: (row: TData, columnId: string, filterValue: unknown) => boolean

    Filtre global personnalisé (recherche). Signature TanStack Table: (row, columnId, filterValue, addMeta) => boolean