@blueprintjs/table/lib/esm/headers/headerCell.d.ts

Scalable interactive table component

import { Component } from "react";
import { type Props } from "@blueprintjs/core";
export interface HeaderCellProps extends Props {
    children?: React.ReactNode;
    /**
     * The index of the cell in the header. If provided, this will be passed as an argument to any
     * callbacks when they are invoked.
     */
    index?: number;
    /**
     * If `true`, will apply the active class to the header to indicate it is
     * part of an external operation.
     */
    isActive?: boolean;
    /**
     * If `true`, the row/column `name` will be replaced with a fixed-height skeleton, and the
     * `resizeHandle` will not be rendered. If passing in additional children to this component, you
     * will also want to conditionally apply `Classes.SKELETON` where appropriate.
     *
     * @default false
     */
    loading?: boolean;
    /**
     * The name displayed in the header of the row/column.
     */
    name?: string;
    /**
     * A callback that returns an element, like a `<Menu>`, which is displayed by right-clicking
     * anywhere in the header. The callback will receive the cell index if it was provided via
     * props.
     */
    menuRenderer?: (index?: number) => React.JSX.Element;
    /**
     * A `ReorderHandle` React component that allows users to drag-reorder the column header.
     */
    reorderHandle?: React.JSX.Element;
    /**
     * A `ResizeHandle` React component that allows users to drag-resize the header.
     */
    resizeHandle?: React.JSX.Element;
    /**
     * CSS styles for the top level element.
     */
    style?: React.CSSProperties;
    /**
     * Required for Draggable to attach a DOM ref.
     */
    targetRef?: React.RefObject<HTMLElement>;
}
export interface InternalHeaderCellProps extends HeaderCellProps {
}
export interface HeaderCellState {
    isActive: boolean;
}
export declare class HeaderCell extends Component<InternalHeaderCellProps, HeaderCellState> {
    state: HeaderCellState;
    shouldComponentUpdate(nextProps: InternalHeaderCellProps): boolean;
    render(): import("react/jsx-runtime").JSX.Element;
}