MediaSFU ReactJS
    Preparing search index...

    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;
    }
    Index

    Properties

    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