Your account has not been activated. Click here to get a new activation Email.
Unfortunately, activation email could not send to your email. Please try again.

Data Binding

Data binding in a grid is a powerful feature that is used to bind local JSON data and remote data, i.e. all RESTful services including OData web services. Further, it supports Essential JavaScript’s data manager binding, which has a complete customization option for data processing.


MVVM

Grid can be used in any JavaScript MVVM library environment. We have extended support for KnockoutJS and AngularJS with custom bindHandler for KO, directives for AngularJS, and both one-way and two-way bindings (a.k.a. live binding).


Virtual Scrolling

Virtual scrolling makes grid more compatible for scenarios where huge data needs to be bound without paging layout. It uses on-demand loading for adding rows at the event of scrolling, thus improving the grid initial loading time by requesting only visible row data.


CRUD (Create, Retrieve, Update, Delete)

Grid provides full support for CRUD operations. Editing can be enabled and customized with simple property settings. There are several editing options available including different cell edit types and edit modes. Editing can be saved to database as a batch operation using “Excel-like editing” and as individual operations using dialog, inline, and external form editing options.


Aggregates

Aggregates for column values can be easily visualized using the summary feature of grid. The aggregates can be customized to display the value in individual summary rows, individual group summary rows, or in a group caption row. Different aggregates supported are sum, average, min, max, count, and custom.


Touch Optimized

All grid features are optimized for touch screens. This includes swipes for paging and scrolling, and tabs for selecting, sorting, filtering.


Data compaction can be done in grid using paging, filtering, and searching. For dynamic filtering of data, grid supports two different filter types: filter menus and a filter bar. For paging, grid uses Essential JavaScript’s pager control for better layout and visualization, and this can be fully customized. For search, grid can be set to use an external search box or search through a default toolbar.


Freeze, Resize, and Reorder Columns

Grid columns can be set to freeze, resize, reorder, and show or hide at runtime and initial load. These features are useful when visualizing data that have a large number of columns.


Sorting and Grouping

Grid supports grouping and sorting to help users visualize the data in an organized way. The data can be sorted or grouped in ascending or descending order. Also, grid provides support for multicolumn sorting and grouping. Sorting can be performed with simple header clicks and Ctrl + Click can be used for multicolumn sorting. For grouping, an interactive drop area is available where columns can be dragged and dropped.


Globalization and Right-To-Left (RTL)

All grid control strings in the user interface can be localized as needed. The grid control also supports languages with right-to-left direction.


Templates

Templates can be used to create custom user experiences in grid. Grid provides template options in various areas, including header, column, row, details row, dialog edit, inline edit, and external edit.


Selection

Selection enables users to select the rows displayed in a grid. Based on the selection events, we can do any desired actions. There are two types of selection available in grid: single and multiple. Single selection is used to select a row and multiple selection is used to select multiple rows.


Exporting

Any grid data can be exported to Excel, Word, or PDF files using the exporting feature of grid. It is possible to export grouped, sorted, filtered, and summary row data into Excel, Word, and PDF files.


Print

Grid can be printed very easily by using the print grid feature. The print grid icon is available in the grid toolbar by simply clicking the print icon to print the grid.


Adaptive Grid

The adaptive feature allows the grid to adapt to the screen size. There is a normal view and a details view to give your users the best look and feel of your application. The filtering also changes in mobile view. The grid has a larger, more finger-friendly interface to define filter parameters.


Stacked Header

Stacked header allows you to display header type information above the grid columns. There is no limit to the number of stacked headers. The data columns can still be grouped, sorted, and filtered.


You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.