Loading 300 000 records in 1sec
Data Binding to Observable collection
Sorting by one or multiple columns
Selection by Row or Multiple Rows
Selection by Cell or Range of Cells
Selection by Column
Pagination with Pager displayed below or above the Grid
Editing by Cell, Row, Dialog or with Static or Inline Command Command. Batch Editing
Multiple built-in Editors for List Editing, Text Editing, Date Editing and Custom Editors
Virtualization by Data and User Interface
Frozen | Pinned Rows and Columns
Custom Cell Styles
Server-Side Data Loading, Filtering, Sorting, Pagination, Editing Operations
Live Stream Updates
Export to PDF, CSV, TSV, HTML, XML, JSON
Dark and Light Mode
<smart-grid> is a Data Grid Web Component with multiple different features like: Data Binding, Data Sorting, Filtering, Pagination, Editing, Live Updates, Virtual Data Load and more. The Grid is part of the Smart HTML Elements.
Smart HTML Elements components documentation includes getting started, customization and api documentation topics.
Component CSS Files.
Fork the repository and clone it locally.
Make sure you have npm installed.
When in the directory, run
Run a localhost and copy some of the demos from [https://www.htmlelements.com/demos/grid/overview/]
Commercial Professional and Free Community