JavaScript
DHTMLX Grid - JavaScript DataGrid (DataTable) WidgetEasily extensible JavaScript data grid for processing and managing datasets of any size and type at lightning speed to fit into web applications of any complexity and business realm.
DHTMLX Grid is a data-intensive UI widget by a renowned vendor of JavaScript UI libraries,
which has helped thousands of companies develop top-notch web apps over the years.
DHTMLX Grid allows rendering 100,000+ rows in milliseconds. You can show the Chart widget from DHTMLX Suite alongside the grid to visualize data changes and provide quick insights for your end users.
JS Data Grid ExamplesLoading
Sizing
Editing
Sorting and filtering
Selection, drag-n-drop
Styling
Rows and columns
Header and footer
Spanning
Tooltips
Export
Pagination
TreeGrid mode
JavaScript Grid Integrations Simplify Data Management with DHTMLX Grid ð§© Attach a toolbarEquip your Grid with a toolbar and put all the needed options for editing and managing data there.
Filter dataPlace filters in the header or footer of the grid or outside. Specify filtering criteria and set rules. Let users filter data using textarea, combobox, or drop-down list.
ð¨ Add custom content in cellsApply templates to cells and tooltips to display the content of your choice and attach event handlers so that users can effortlessly interact with content.
Sort dataDefine the columns and order of sorting and add sorting rules if needed.
Change number formatsSet the desired format via the
formatconfiguration option for:
Configure the Grid footer to show total values, set its height and style text.
Why Choose a JavaScript DataGrid by DHTMLXSpeedy with massive data
DHTMLX JavaScript Grid control is a full-featured DataGrid library that provides cutting-edge functionality and works incredibly fast with immense data sets. DHTMLX Grid can render 100,000+ rows in milliseconds in real time.
Adjustable to your needs
Due to an extensive JavaScript API, you can configure our HTML5 grid according to your project requirements. You can use it as a simple data table or convert it into a feature-packed versatile UI widget for complex enterprise-grade apps.
Fully customizable look & feel
DHTMLX Grid web control can conform to any design guidelines and behave the way you need. CSS classes and HTML templates allow you to style all elements of the JavaScript datagrid widget. Multiple event handlers help you control how it reacts to user actions.
Excellent fit for any stack
No matter what frameworks you use, you can smoothly combine our JS data grid library with any front-end and back-end technologies. To streamline this process, you can benefit from ready-made code examples with popular frameworks - Angular, React, and Vue.js.
Extensible feature set
Need more than just a grid control for data processing but also built-in Excel-like formulas, multiple worksheets, and automatical aggregations and pivoting? You can extend the DHTMLX Grid with the Spreadsheet and Pivot widgets, coming in a bundle at a reduced cost.
Start with a free trial
Download the DHTMLX Grid trial version and foster developing data management solutions free of charge for 30 days. You can also rely on the assistance of our official technical support team during evaluation.
Reinforce Your JS Data Table with PivotSupport Plan
Standard Premium Premium UltimateFunctionality
PRO PRO + 1 add-on PRO + 2 add-ons PRO + 3 add-ons License Terms Read License Agreement Developers 1 Projects 1 Use in SaaS (unlimited end-users) Source code Perpetual distribution rights License Terms Read License Agreement Developers 5 Projects 1 Use in SaaS (unlimited end-users) Source code Perpetual distribution rightsFunctionality
PRO + 1 add-on License Terms Read License Agreement Developers 20 Projects 5 Use in SaaS (unlimited end-users) Source code Perpetual distribution rightsFunctionality
PRO + 2 add-ons License Terms Read License Agreement Developers Projects Use in SaaS (unlimited end-users) Source code Perpetual distribution rightsFunctionality
PRO + 3 add-onsDocumentation
Consult documentationThe DHTMLX documentation contains comprehensive guides and tutorials to smooth your learning process with the JS data grid and cut your development time.
Samples
Play around with code snippetsYou can try out the JavaScript and HTML code of the data grid widget, share snippets with your team or DHTMLX support specialists, and copy ready-made pieces of code into your app.
Demos
Explore demo apps with GridGet inspiration for your web development projects with our demo app collection, showing how to implement JavaScript Grid and other UI widgets in real-life solutions.
Widgets
Check other UI widgetsApart from the JS data grid, DHTMLX offers 20+ feature-rich UI widgets, like charts, forms, and calendar control, for building full-fledged CRM, ERP, and other enterprise solutions.
Free trial
Download JS Grid free trialNo time to waste - grab a free 30-day evaluation version and test how the JavaScript Grid widget fits your application. Get help from the DHTMLX tech support team during the trial period.
Community forum
Browse DHTMLX community forumBesides the official tech support channel during evaluation, you can learn from fellow developers on our community forum. We also monitor topics and answer common questions.
DHTMLX Demos with JavaScript/HTML5 GridFile Explorer
Upload and manage various files
UI Dashboard
Add and track support tickets
Hotel Management System
Process room reservations
Light Skin
Choose light, dark, or high-contrast skins
Dark Skin
Choose light, dark, or high-contrast skins
Theme Configurator
Configure your own theme using presets
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4