Interface HeaderDividerRendererProps

HeaderDividers follow the header // TODO - allow negative resizing (before the current) (easy to do I think)

interface HeaderDividerRendererProps {
    bounds: Bounds;
    direction: HeaderDirection;
    disabled?: boolean;
    disabledResize?: boolean;
    headerStyle: GridHeaderStyle;
    headerStyleHover?: GridHeaderStyle;
    headerStyleSelect: GridHeaderStyle;
    headerStyleSelectAll: GridHeaderStyle;
    index: number;
    isHidden?: boolean;
    isNextHidden?: boolean;
    isSelected?: boolean;
    isSelectedAll?: boolean;
    onAutoFit: (() => void);
    onPointerDown: PointerEventHandler<HTMLDivElement>;
    showTouchDivider?: boolean;
    view: GridOverlayView;
}

Hierarchy (view full)

Properties

bounds direction disabled? disabledResize? headerStyle headerStyleHover? headerStyleSelect headerStyleSelectAll index isHidden? isNextHidden? isSelected? isSelectedAll? onAutoFit onPointerDown showTouchDivider? view

Properties

bounds

bounds: Bounds

direction

direction: HeaderDirection

Optional disabled

disabled?: boolean

This should disable interaction. This should also provide a visual cue that the divider is disabled.

Optional disabledResize

disabledResize?: boolean

If the divider does not allow resize.

Remarks

We create a faux divider on the left of the first header and we mark it as disabledResize.

headerStyle

headerStyle: GridHeaderStyle

Optional headerStyleHover

headerStyleHover?: GridHeaderStyle

headerStyleSelect

headerStyleSelect: GridHeaderStyle

headerStyleSelectAll

headerStyleSelectAll: GridHeaderStyle

index

index: number

Optional isHidden

isHidden?: boolean

If the current header is hidden. This allows the divider to shift location

Optional isNextHidden

isNextHidden?: boolean

If the next header is hidden. This allows the divider to shift location

Optional isSelected

isSelected?: boolean

If the header associated with this divider is selected.

Optional isSelectedAll

isSelectedAll?: boolean

If the header associated with this divider is selected.

onAutoFit

onAutoFit: (() => void)

Type declaration

    • (): void

    • Returns void

onPointerDown

onPointerDown: PointerEventHandler<HTMLDivElement>

Handle mouse down and all dragging

Optional showTouchDivider

showTouchDivider?: boolean

If the divider is the last one in view. Useful for touch divider that only show the last one.

view

view: GridOverlayView

Settings

Member Visibility

Theme

On This Page

boundsdirectiondisableddisabledResizeheaderStyleheaderStyleHoverheaderStyleSelectheaderStyleSelectAllindexisHiddenisNextHiddenisSelectedisSelectedAllonAutoFitonPointerDownshowTouchDividerview