@progress/kendo-react-grid
Version:
React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package
42 lines (41 loc) • 1.63 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 { GridDetailRowProps } from '../interfaces/GridDetailRowProps.js';
/**
* Represents the detail row class of the KendoReact Grid. Used to define custom details for each row. Can be applied for building the hierarchy. The details for each row will be visible or hidden depending on the current `detailExpand` prop.
*
* @example
* ```jsx
* const CustomGridDetailRow = (props) => {
* const detailData = props.dataItem.MasterField2;
* return (
* <div>
* This is detail template with another grid inside it
* <Grid scrollable="none" data={detailData} />
* </div>
* );
* };
*
* const App = () => {
* const [data, setData] = useState([
* { MasterField1: 'A1', MasterField2: [{ DetailField1: 1, DetailField2: 2 }] },
* { MasterField1: 'B1', MasterField2: [{ DetailField1: 3, DetailField2: 4 }] },
* { MasterField1: 'C1', MasterField2: [{ DetailField1: 5, DetailField2: 6 }] }
* ]);
*
* return (
* <Grid data={data} detail={CustomGridDetailRow}>
* <GridColumn field="MasterField1" />
* </Grid>
* );
* };
*
* export default App;
* ```
*/
export declare const GridDetailRow: (props: GridDetailRowProps) => null;