Function GridCell

  • GridCell(props): ReactNode

  • Parameters

    • props: HTMLAttributes<HTMLDivElement> & {
          align: GridAlignment;
          children?: ReactNode;
          className?: string;
          colIndex: number;
          colSpan?: number;
          column: GridStateColDef;
          disableDragEvents?: boolean;
          isNotVisible: boolean;
          onClick?: MouseEventHandler<HTMLDivElement>;
          onDoubleClick?: MouseEventHandler<HTMLDivElement>;
          onDragEnter?: DragEventHandler<HTMLDivElement>;
          onDragOver?: DragEventHandler<HTMLDivElement>;
          onFocus?: FocusEventHandler<Element>;
          onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
          onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
          onMouseDown?: MouseEventHandler<HTMLDivElement>;
          onMouseEnter?: MouseEventHandler<HTMLDivElement>;
          onMouseLeave?: MouseEventHandler<HTMLDivElement>;
          onMouseOver?: MouseEventHandler<HTMLDivElement>;
          onMouseUp?: MouseEventHandler<HTMLDivElement>;
          pinnedOffset?: number;
          pinnedPosition: PinnedColumnPosition;
          row: GridValidRowModel;
          rowId: GridRowId;
          rowNode: GridTreeNode;
          showLeftBorder: boolean;
          showRightBorder: boolean;
          style?: CSSProperties;
          width: number;
          [x: `data-${string}`]: string;
      } & RefAttributes<HTMLDivElement>

    Returns ReactNode

Properties

$$typeof defaultProps? displayName? propTypes?

Properties

Readonly$$typeof

$$typeof: symbol

OptionaldefaultProps

defaultProps?: Partial<GridCellProps> | Partial<HTMLAttributes<HTMLDivElement> & {
    align: GridAlignment;
    children?: ReactNode;
    className?: string;
    colIndex: number;
    colSpan?: number;
    column: GridStateColDef;
    disableDragEvents?: boolean;
    isNotVisible: boolean;
    onClick?: MouseEventHandler<HTMLDivElement>;
    onDoubleClick?: MouseEventHandler<HTMLDivElement>;
    onDragEnter?: DragEventHandler<HTMLDivElement>;
    onDragOver?: DragEventHandler<HTMLDivElement>;
    onFocus?: FocusEventHandler<Element>;
    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
    onMouseDown?: MouseEventHandler<HTMLDivElement>;
    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
    onMouseOver?: MouseEventHandler<HTMLDivElement>;
    onMouseUp?: MouseEventHandler<HTMLDivElement>;
    pinnedOffset?: number;
    pinnedPosition: PinnedColumnPosition;
    row: GridValidRowModel;
    rowId: GridRowId;
    rowNode: GridTreeNode;
    showLeftBorder: boolean;
    showRightBorder: boolean;
    style?: CSSProperties;
    width: number;
    [x: `data-${string}`]: string;
} & RefAttributes<HTMLDivElement>>

Deprecated

Use values for destructuring assignments instead.

OptionaldisplayName

displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

See

Legacy React Docs

OptionalpropTypes

propTypes?: WeakValidationMap<GridCellProps> | WeakValidationMap<HTMLAttributes<HTMLDivElement> & {
    align: GridAlignment;
    children?: ReactNode;
    className?: string;
    colIndex: number;
    colSpan?: number;
    column: GridStateColDef;
    disableDragEvents?: boolean;
    isNotVisible: boolean;
    onClick?: MouseEventHandler<HTMLDivElement>;
    onDoubleClick?: MouseEventHandler<HTMLDivElement>;
    onDragEnter?: DragEventHandler<HTMLDivElement>;
    onDragOver?: DragEventHandler<HTMLDivElement>;
    onFocus?: FocusEventHandler<Element>;
    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
    onMouseDown?: MouseEventHandler<HTMLDivElement>;
    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
    onMouseOver?: MouseEventHandler<HTMLDivElement>;
    onMouseUp?: MouseEventHandler<HTMLDivElement>;
    pinnedOffset?: number;
    pinnedPosition: PinnedColumnPosition;
    row: GridValidRowModel;
    rowId: GridRowId;
    rowNode: GridTreeNode;
    showLeftBorder: boolean;
    showRightBorder: boolean;
    style?: CSSProperties;
    width: number;
    [x: `data-${string}`]: string;
} & RefAttributes<HTMLDivElement>>

Settings

Member Visibility

On This Page

Properties