Smart Grid Element
Grid Features Lists
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
Live Demos ↗ | Documentation ↗ | Installation ↗
<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.
Getting Started Documentation |
The file structure for Smart HTML Elements
Component CSS Files.
Running demos in browser
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/]
Following the coding style
Creating a pull request
- Make sure your code is compliant with ESLint
- Submit a pull request with detailed title and description
- Wait for response from one of our team members
Commercial Professional and Free Community