Example of Overview in React Grid Component


This sample demonstrates the overview of basic grid features with its performance metrics of large data. To change datasource count, select rows and columns count from dropdown.

More Details...


The Grid is used to display and manipulate tabular data with configuration options to control the way the data is presented and manipulated. It will pull the data from a data source, such as an array of JSON objects, OData web services, or DataManager binding data fields to columns. Also, displaying a column header to identify the field with support for grouped records.

In this demo, Grid features such as Virtual Scrolling, Filtering, Sorting, Column Template etc... are used along with large data source.

Due to the element height limitation in browsers, the maximum number of records loaded by the grid is limited by the browser capability. Refer here for more details.

More information on the Grid instantiation can be found in this documentation section.