DHTMLX Grid - JavaScript DataGrid (DataTable) Widget

Starting from v9.0, DHTMLX JavaScript Grid offers powerful data grouping, enabling end-users to organize and analyze large datasets effectively. You can group data by specific columns, aggregate values within groups, and display statistics in the summary rows. Our widget allows full customization of grouping, including columns rendering, order, and data aggregation.

The drag-and-drop functionality enables end-users to manipulate grid rows and columns comfortably. Users can reorder them inside one grid or between several tables. They can drag and drop multiple rows at once. Developers can disable this feature or adjust it to project requirements via API.

You can determine the ascending or descending sorting order, specify custom sorting rules, and enable multisorting to arrange data by multiple columns at a time. In DHTMLX Grid, you can also add filters in headers, footers, or outside the table, set filtering criteria, and choose filter type: search field, drop-down list, or combobox with autocomplete.

Local export module to Excel and CSV ensures the safety of your data. It comes free of charge under the Enterprise and Ultimate licenses. You can purchase it as an add-on with the Individual or Commercial license. It is also possible to export data for free via our online service.

You can install the PDF/PNG export module locally to export the grid without hassle. You can buy this module separately in addition to the Individual license. It is shipped free of charge under the Commercial, Enterprise, and Ultimate licenses. You are also eligible to use the online export service.

The row expander in JS Grid allows users to expand and collapse rows to display additional hierarchical or related data within sub-rows. This feature enhances data management by enabling the integration of nested subgrids, forms, charts, and custom HTML. Sub-rows can be configured dynamically based on specific conditions and highlight corresponding rows.

The DHTMLX JavaScript grid control allows customizing cell content with HTML objects or custom templates. Cell templates make it easy to modify the appearance of cells in an entire column. Thus, your grid can contain anything you need, from icons to checkboxes, for your business aims.

The DHTMLX JavaScript data grid API comprises methods and properties to manage table columns. You can hide one or more columns or freeze columns to scroll the table without losing context. The columns’ width, height, and size can be adjusted automatically to fit their content.