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

    Interface DataGridProps<TData>

    interface DataGridProps<TData extends object> {
        className?: string;
        table?: Table<TData>;
        recordCount: number;
        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;
            columnsDraggable?: boolean;
            rowsDraggable?: boolean;
        };
        tableClassNames?: {
            base?: string;
            header?: string;
            headerRow?: string;
            headerSticky?: string;
            body?: string;
            bodyRow?: string
            | ((row: Row<TData>) => string);
            footer?: string;
            edgeCell?: string;
        };
    }

    Type Parameters

    • TData extends object
    Index

    Properties

    className? table? recordCount children? onRowClick? isLoading? loadingMode? loadingMessage? emptyMessage? tableLayout? tableClassNames?

    Properties

    className?: string
    table?: Table<TData>
    recordCount: number
    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;
        columnsDraggable?: boolean;
        rowsDraggable?: boolean;
    }
    tableClassNames?: {
        base?: string;
        header?: string;
        headerRow?: string;
        headerSticky?: string;
        body?: string;
        bodyRow?: string | ((row: Row<TData>) => string);
        footer?: string;
        edgeCell?: string;
    }

    Type Declaration

    • Optionalbase?: string
    • Optionalheader?: string
    • OptionalheaderRow?: string
    • OptionalheaderSticky?: string
    • Optionalbody?: string
    • OptionalbodyRow?: string | ((row: Row<TData>) => string)

      Classe(s) appliquée(s) à la ligne. Peut être une fonction (row) => string pour une classe dynamique par ligne.

    • Optionalfooter?: string
    • OptionaledgeCell?: string

    Settings

    Member Visibility

    On This Page

    Properties