JavaScript Grid

Build a powerful JavaScript Grid control

dhtmlxGrid is a full-featured DataGrid library that provides cutting-edge functionality and fast performance with large data sets. The component allows filtering and sorting data according to various criteria. Filters can be added inside headers or put outside of the grid. Sorting feature is available by default. End users may export grid tables to Excel in one click. On top of all, PRO edition offers a special module for data parsing and serialization in the XML format.

Tune up your grid with a rich JavaScript API

An extensive JavaScript API makes dhtmlxGrid highly customizable and easy-to-use. Developers can modify each and every element of the control - add spans in headers, columns, or rows, adjust the size of a table, make use of the columns’ auto width. One or more columns of the grid can be frozen. You can add any custom HTML to cells. On top of all, you can configure a footer or header to show minimal, maximal, average, or sum values from the columns of your choice.

Achieve the desired look and feel of your HTML5 grid

The greatest advantage of dhtmlxGrid is its flexible customization via CSS. In order to style the component, you just need to add new CSS classes with all the desired settings. Customization options enable you to apply different styles to the header, footer, particular rows, and cells. You can highlight cells with minimal and maximal values or choose which cells to mark with custom styling.

Integrate DHTMLX Grid into Angular, React, Vue.js apps

From now on, there is a smooth and straightforward way to integrate our JavaScript grid into your projects. We have developed special wrappers for the three widespread frameworks Angular, React, and Vue.js, which would help you to use dhtmlxGrid in your apps. In order to try them out, download our 30-day evaluation version and benefit from the assistance of our support team.