The ShieldUI Grid component boasts exceptional performance and a high level of customizability. This page lists some of its main features. Paging Load only a subset of the data to adjust the control to the screen and scenario limitations. Allow intuitive interaction for the user through the fully customizable, built-in navigation pager. Take advantage of the paging API of the control, to enable even greater degree of flexibility. Sorting Allow end-user data sorting for the rendered data out-of-the-box. Custom api allows triggering of the sorting mechanism via code. Multiple sorting modes enable coverage for all sorting behaviors by simply setting the API of the control. Scrolling Allowing scrollable contents for the grid control is essential for situations where there is insufficient space to render the complete set data. Thanks to the ShieldUI intuitive architecture, this layout is available through a single property. Conditional formatting Allow easy formatting of data and layout in the grid. This can be done either conditionally, based on predefined conditions, or for whole sections of the control, such as a column. Master-Details layout Easily enable correlation of two or more grid controls. The scenarios of “master-detail” relationship between two grids are straightforward to configure, thanks to the intuitive api of the control. Events Take advantage of a large number of client-side events. They allow customizing your application to the smallest detail. Databinding Bind the control to either local or remote data. Take advantage of a unique data source control that simplifies operations, exposes a flexible api and allows unmatched performance. The control can also be easily initialized through a table on the hosting html page. Remote databinding to an xml file is also handled easily out-of-the-box. Column and Row customization Gain full control of the layout of you grid. The flexible grid architecture allows customization at both column and row levels. Tweaking the appearance to the smallest details is yet another powerful feature to fully utilize the control. Virtualization Binding to hundreds of thousands or even millions of records is not a problem for the ShieldUI control. It does not cause any performance hits, thanks to the optimized virtualization mechanism of the control, which loads only the required records for the current view. Reduce the development time and speed up the performance your application by: Reducing postbacks for better user experience Producing minimal amount of clean HTML and CSS Decreasing memory usage and having code free from memory leaks Minimizing JavaScript footprint by only loading records, which are needed

1. JavaScript Grid
By ShieldUI

2. Intro
The ShieldUI Grid component boasts exceptional performance and a high level of customizability. This page lists some of its main features.
Paging
Load only a subset of the data to adjust the control to the screen and scenario limitations. Allow intuitive interaction for the user through the fully customizable, built-in navigation pager. Take
advantage of the paging API of the control, to enable even greater degree of flexibility.
Sorting
Allow end-user data sorting for the rendered data out-of-the-box. Custom api allows triggering of the sorting mechanism via code. Multiple sorting modes enable coverage for all sorting
behaviors by simply setting the API of the control.
Scrolling
Allowing scrollable contents for the grid control is essential for situations where there is insufficient space to render the complete set data. Thanks to the ShieldUI intuitive architecture, this
layout is available through a single property.
Conditional formatting
Allow easy formatting of data and layout in the grid. This can be done either conditionally, based on predefined conditions, or for whole sections of the control, such as a column.
Master-Details layout
Easily enable correlation of two or more grid controls. The scenarios of “master-detail” relationship between two grids are straightforward to configure, thanks to the intuitive api of the control.
Events
Take advantage of a large number of client-side events. They allow customizing your application to the smallest detail.
Databinding
Bind the control to either local or remote data. Take advantage of a unique data source control that simplifies operations, exposes a flexible api and allows unmatched performance. The control
can also be easily initialized through a table on the hosting html page. Remote databinding to an xml file is also handled easily out-of-the-box.
Column and Row customization
Gain full control of the layout of you grid. The flexible grid architecture allows customization at both column and row levels. Tweaking the appearance to the smallest details is yet another
powerful feature to fully utilize the control.
Virtualization
Binding to hundreds of thousands or even millions of records is not a problem for the ShieldUI control. It does not cause any performance hits, thanks to the optimized virtualization mechanism
of the control, which loads only the required records for the current view.
Reduce the development time and speed up the performance your application by:
Reducing postbacks for better user experience
Producing minimal amount of clean HTML and CSS
Decreasing memory usage and having code free from memory leaks
Minimizing JavaScript footprint by only loading records, which are needed

3. Output

4. Getting Started
In order to take advantage of the functionalities
offered by our grid component, you will need to:
1. Include references to all required scripts and
css files.
2. Add the control declaration along with the
desired properties.

5. Resources
Documentation:
https://www.shieldui.com/documentation/grid/
javascript/getting.started
Demos:
https://demos.shieldui.com/web/gridgeneral/basic-usage