React Data Grid

Receive robust grid control

DHTMLX React grid library allows working with volume data sets, includes filtering and multicriteria sorting features (available by default). Add header filters or move them out of the grid. Enable your customers to export grid tables to Excel with one click of a button. Update to PRO edition, parse and serialize data in the XML format with a special module.

Personalize your React grid with flexible API

dhtmlxGrid contains rich API functionality. Tailor your React grid component according to your needs. You can add spans to any grid element, fine-tune the table sizes, specify the columns’ auto width, and freeze one or more columns. Plus, footers or headers can be configured to display minimal, maximum, average or sum of values from any columns you select in the React data grid.

Enjoy clear styling with vast customization possibilities

DHTMLX material UI React grid provides full customization via CSS. Just add new CSS classes to apply different styles to any grid element, including the header, footer, and particular rows. Feature cells with the lowest or highest values and set custom styling to specific units. On top of all, you can insert custom HTML into the cell.

Use Angular and Vue.js wrappers

DHTMLX supports wrappers for the most commonly used frameworks. Apart from initializing our data grid in React, you can integrate the solution into your Angular and Vue.js apps. Give it a try and test our free 30-day trial version. Direct access to our official support team is included.