Interface StaticBorderRendererProps

interface StaticBorderRendererProps {
    border?: Partial<{
        bottom: string | BorderStroke | Partial<{
            color: string | AdjustedColor | Partial<{
                val: string;
                adjustments: any;
                asCSS: any;
                isEqual: any;
                isImmutable: any;
                toHSLA: any;
                toHex: any;
                toJSON: any;
                toRGBA: any;
                toString: any;
            }>;
            style: string;
        }>;
        diagonalDown: string | BorderStroke | Partial<{
            color: string | AdjustedColor | Partial<{
                val: string;
                adjustments: any;
                asCSS: any;
                isEqual: any;
                isImmutable: any;
                toHSLA: any;
                toHex: any;
                toJSON: any;
                toRGBA: any;
                toString: any;
            }>;
            style: string;
        }>;
        diagonalUp: string | BorderStroke | Partial<{
            color: string | AdjustedColor | Partial<{
                val: string;
                adjustments: any;
                asCSS: any;
                isEqual: any;
                isImmutable: any;
                toHSLA: any;
                toHex: any;
                toJSON: any;
                toRGBA: any;
                toString: any;
            }>;
            style: string;
        }>;
        horizontal: string | BorderStroke | Partial<{
            color: string | AdjustedColor | Partial<{
                val: string;
                adjustments: any;
                asCSS: any;
                isEqual: any;
                isImmutable: any;
                toHSLA: any;
                toHex: any;
                toJSON: any;
                toRGBA: any;
                toString: any;
            }>;
            style: string;
        }>;
        left: string | BorderStroke | Partial<{
            color: string | AdjustedColor | Partial<{
                val: string;
                adjustments: any;
                asCSS: any;
                isEqual: any;
                isImmutable: any;
                toHSLA: any;
                toHex: any;
                toJSON: any;
                toRGBA: any;
                toString: any;
            }>;
            style: string;
        }>;
        right: string | BorderStroke | Partial<{
            color: string | AdjustedColor | Partial<{
                val: string;
                adjustments: any;
                asCSS: any;
                isEqual: any;
                isImmutable: any;
                toHSLA: any;
                toHex: any;
                toJSON: any;
                toRGBA: any;
                toString: any;
            }>;
            style: string;
        }>;
        top: string | BorderStroke | Partial<{
            color: string | AdjustedColor | Partial<{
                val: string;
                adjustments: any;
                asCSS: any;
                isEqual: any;
                isImmutable: any;
                toHSLA: any;
                toHex: any;
                toJSON: any;
                toRGBA: any;
                toString: any;
            }>;
            style: string;
        }>;
        vertical: string | BorderStroke | Partial<{
            color: string | AdjustedColor | Partial<{
                val: string;
                adjustments: any;
                asCSS: any;
                isEqual: any;
                isImmutable: any;
                toHSLA: any;
                toHex: any;
                toJSON: any;
                toRGBA: any;
                toString: any;
            }>;
            style: string;
        }>;
    }>;
    columnCount?: number;
    darkMode?: boolean;
    forceThinBorder?: boolean;
    getBorderAt?: ((value, index) => ICellBorder);
    height?: number;
    rowCount?: number;
    sheetStyle?: ISheetStyle;
    width?: number;
}

Hierarchy

  • HTMLAttributes<HTMLDivElement>
    • StaticBorderRendererProps

Properties

border? columnCount? darkMode? forceThinBorder? getBorderAt? height? rowCount? sheetStyle? width?

Properties

Optional border

border?: Partial<{
    bottom: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>;
    diagonalDown: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>;
    diagonalUp: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>;
    horizontal: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>;
    left: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>;
    right: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>;
    top: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>;
    vertical: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>;
}>

Type declaration

  • bottom: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>
  • diagonalDown: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>
  • diagonalUp: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>
  • horizontal: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>
  • left: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>
  • right: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>
  • top: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>
  • vertical: string | BorderStroke | Partial<{
        color: string | AdjustedColor | Partial<{
            val: string;
            adjustments: any;
            asCSS: any;
            isEqual: any;
            isImmutable: any;
            toHSLA: any;
            toHex: any;
            toJSON: any;
            toRGBA: any;
            toString: any;
        }>;
        style: string;
    }>

Optional columnCount

columnCount?: number

Optional darkMode

darkMode?: boolean

Optional forceThinBorder

forceThinBorder?: boolean

Optional getBorderAt

getBorderAt?: ((value, index) => ICellBorder)

Type declaration

Optional height

height?: number

Allow for the border height to be set. If this is not set then the border width will be the same as the cell size. Note - Measuring the child will need to wait until a render which can cause a flicker

Default Value

childSize

Optional rowCount

rowCount?: number

Optional sheetStyle

sheetStyle?: ISheetStyle

Optional width

width?: number

Allow for the border width to be set. If this is not set then the border width will be the same as the cell size. Note - Measuring the child will need to wait until a render which can cause a flicker

Default Value

childSize

Settings

Member Visibility

Theme

On This Page

bordercolumnCountdarkModeforceThinBordergetBorderAtheightrowCountsheetStylewidth