@progress/kendo-react-pivotgrid
Version:
React PivotGrid (also called Pivot Table) can be data-bound to an OLAP service and customized extensively. KendoReact PivotGrid package
121 lines (120 loc) • 4.24 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { KendoMouse } from '@progress/kendo-react-common';
import { PivotDataItem } from '@progress/kendo-pivotgrid-common';
import * as React from 'react';
/**
* Represents the object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the PivotGridCell component.
*/
export interface PivotGridCellHandle {
/**
* The properties passed to the PivotGridCell component.
*/
props: PivotGridCellProps;
/**
* The DOM element of the PivotGridCell component.
*/
element: HTMLTableCellElement | null;
}
/**
* Represents the props of the [KendoReact PivotGridCell component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridcell).
*/
export interface PivotGridCellProps extends KendoMouse<PivotGridCellHandle, HTMLTableCellElement> {
/**
* Represents the `dataItem` of the PivotGridCell.
*
* The `dataItem` is a single [PivotDataItem](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotdataitem) object.
*/
dataItem: PivotDataItem;
/**
* Sets the `id` property of the top-most element of the PivotGridCell.
*/
id?: string;
/**
* Sets the `className` property of the top-most element of the PivotGridCell in addition to the default `k-pivotgrid-cell` class.
*/
className?: string;
/**
* Sets the `tabIndex` property of the top-most element of the PivotGridCell.
*/
tabIndex?: number;
/**
* Sets the `children` property of the top-most element of the PivotGridCell.
*/
children?: React.ReactNode;
/**
* Sets the `style` property of the top-most element of the PivotGridCell.
*/
style?: React.CSSProperties;
/**
* Represents the columns `path` leading to the current cell.
*/
columnPath?: string[];
/**
* Represents the row `path` leading to the current cell.
*/
rowPath?: string[];
/**
* Indicates if the current cell represents a `total` value.
*/
total?: boolean;
/**
* Sets the `role` property of the top-most element of the PivotGridCell.
*
* @remarks
* This property is related to accessibility.
*/
role?: string;
/**
* Sets the `aria-describedby` property of the top-most element of the PivotGridCell.
*
* @remarks
* This property is related to accessibility.
*/
ariaDescribedby?: string;
/**
* Fires when the user clicks the PivotGridCell.
*/
onClick?: (args: any) => void;
/**
* Fires when the user double-clicks the PivotGridCell.
*/
onDoubleClick?: (args: any) => void;
/**
* Fires when the user presses a mouse button while the cursor is over the PivotGridCell.
*/
onMouseDown?: (args: any) => void;
/**
* Fires when the cursor enters the PivotGridCell area.
*/
onMouseEnter?: (args: any) => void;
/**
* Fires when the cursor leaves the PivotGridCell area.
*/
onMouseLeave?: (args: any) => void;
/**
* Fires when the cursor moves within the PivotGridCell area.
*/
onMouseMove?: (args: any) => void;
/**
* Fires when the cursor moves outside the PivotGridCell area.
*/
onMouseOut?: (args: any) => void;
/**
* Fires when the cursor moves over the PivotGridCell area.
*/
onMouseOver?: (args: any) => void;
/**
* Fires when the user releases a mouse button while the cursor is over the PivotGridCell.
*/
onMouseUp?: (args: any) => void;
}
/**
* Represents the [KendoReact PivotGridCell component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridcellprops).
*/
export declare const PivotGridCell: React.ForwardRefExoticComponent<PivotGridCellProps & React.RefAttributes<PivotGridCellHandle | null>>;