New to KendoReact? Start a free 30-day trial

Grid

Component

Represents the KendoReact Grid component.

Definition

Package:@progress/kendo-react-grid

Syntax:

jsx

const App = () => {
    const [data, setData] = useState([
        { foo: 'A1', bar: 'B1' },
        { foo: 'A2', bar: 'B2' },
        { foo: 'A3', bar: 'B2' }
    ]);

    return (
        <Grid data={data} reorderable={true}>
            <GridColumn field="foo" />
            <GridColumn field="bar" />
        </Grid>
    );
};

export default App;

Properties

props

GridProps intersected with RefAttributes<null | GridHandle>

The props of the Grid component.