Interface FlexibleGridOptions

interface FlexibleGridOptions {
    customWidth: number;
    customHeight: number;
    rows: number;
    columns: number;
    componentsToRender: ReactNode[];
    backgroundColor?: string;
    gridWrapperProps?: HTMLAttributes<HTMLDivElement>;
    rowProps?: HTMLAttributes<HTMLDivElement>;
    cellProps?: HTMLAttributes<HTMLDivElement>;
    emptyCellFallback?: ReactNode | ((context: {
        row: number;
        column: number;
        index: number;
    }) => ReactNode);
    renderCell?: ((options: {
        defaultCell: ReactNode;
        component: ReactNode;
        row: number;
        column: number;
        index: number;
    }) => ReactNode);
    renderRow?: ((options: {
        defaultRow: ReactNode;
        rowIndex: number;
        cells: ReactNode[];
    }) => ReactNode);
    renderGrid?: ((options: {
        defaultGrid: ReactNode;
        rows: ReactNode[];
    }) => ReactNode);
}

Properties

customWidth customHeight rows columns componentsToRender backgroundColor? gridWrapperProps? rowProps? cellProps? emptyCellFallback? renderCell? renderRow? renderGrid?

Properties

customWidth

customWidth: number

customHeight

customHeight: number

rows

rows: number

columns

columns: number

componentsToRender

componentsToRender: ReactNode[]

OptionalbackgroundColor

backgroundColor?: string

OptionalgridWrapperProps

gridWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalrowProps

rowProps?: HTMLAttributes<HTMLDivElement>

OptionalcellProps

cellProps?: HTMLAttributes<HTMLDivElement>

OptionalemptyCellFallback

emptyCellFallback?: ReactNode | ((context: {
    row: number;
    column: number;
    index: number;
}) => ReactNode)

OptionalrenderCell

renderCell?: ((options: {
    defaultCell: ReactNode;
    component: ReactNode;
    row: number;
    column: number;
    index: number;
}) => ReactNode)

OptionalrenderRow

renderRow?: ((options: {
    defaultRow: ReactNode;
    rowIndex: number;
    cells: ReactNode[];
}) => ReactNode)

OptionalrenderGrid

renderGrid?: ((options: {
    defaultGrid: ReactNode;
    rows: ReactNode[];
}) => ReactNode)

Settings

Member Visibility

On This Page

Properties