JavaScript DataGrid (DataTable) Widget

Build a powerful JavaScript Grid control

DHTMLX Grid 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 JavaScript data 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 JS datagrid with a rich API

An extensive JavaScript API makes DHTMLX Grid web control highly customizable and easy-to-use. Developers can modify each and every element - add spans in headers, columns, or rows, adjust the size of a datatable, make use of the columns’ auto width. You can freeze any columns and rows. 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

One of the major advantages of DHTMLX Grid is flexible customization via CSS. In order to style the JavaScript datagrid widget, 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 JS datagrid library into your projects. We have prepared code examples for the three widespread frameworks Angular, React, and Vue.js, which can help you use DHTMLX Grid in your apps. You can also download our 30-day evaluation version and benefit from the assistance of our support team.