Data Binding
Essential Grid provides out of the box data binding support to the popular data sources mentioned in the following list:
ADO.NET Entity Models Web services LINQ to SQL IEnumerable and IQueryable collections IList and IBindingList collections
Essential Grid processes the given data sources using the built-in LINQ expressions to perform paging, sorting, grouping, filtering, and editing operations. You can bypass the built-in data source processing and can provide your own data for the grid to display by configuring it in the custom binding mode.
Easy, declarative binding to Web services greatly simplifies data binding in a grid.
feature image
Grid Bound to ADO.NET Entities
Hierarchies Support
With Essential Grid, you can easily create nested table relationships in your data source. The grid will automatically identify such hierarchical relationships in the data source, or you can set up such relationships between source tables in code.
feature image
Hierarchical Grid Displaying Master-Details Relationship
Complex Objects Support
If your data object has a custom object as one of its fields, Essential Grid provides support for displaying that object's public properties along with the main columns. All the grid operations like sorting, paging, grouping, filtering, and editing actions can be performed on these complex object columns too.
feature image
Grid Showing Complex Object Columns
Sorting
By default, Essential Grid allows data to be sorted in ascending or descending order by a selected column. You can also sort by multiple columns by holding down the CTRL key. Essential Grid also provides a JSON mode of sorting that brings the sorted data as JSON ojects to the browser. The advantage of this approach is that only the data source is updated and the client-side grid refreshes itself to display the updated data. This is AJAX at its best.
feature image
Grid Sorted by Customer ID and Order ID Columns
Grouping
Essential Grid provides built-in functionality to group data by one or more columns. Grouping is performed on the server-side; only the required data is sent back to the client using AJAX, so the operation is greatly optimized for speed and data transfer. You can also intiate grouping from the client side using the grid's client-side APIs. Grouping operations can also be done interactively by simple drag-and-drop user actions
feature image
Grid with a Grouped Column
Filtering
Essential Grid provides various options for filtering records. Filters can be applied to multiple columns using the provided filter operators. Essential Grid also provides excellent UI options for run-time filtering like the Excel UI dialog, and the filter bar combo box with options to define custom filters.
feature image
Grid with Filter Drop-down Menu
feature image
Grid with Custom Filters
Search filters can be used to filter data by searching the entire grid or a specific column.
feature image
Grid with Search based filter
Summaries
Essential Grid can calculate and display summary values of records in a fixed row at the bottom of the grid. It provides various built-in summary options like sum, average, count, and more.
feature image
Grid Showing Summary Rows
Paging
Essential Grid supports built-in paging and includes a pager bar that can be used to navigate to a specific page. Grid also provides a JSON mode for paging. The JSON mode of paging provides an efficient way to retrieve paged data as JSON objects. The advantage of this approach is that only the data source is refreshed and the client-side grid refreshes itself to display the updated data.
feature image
Grid with Pager Bar in which Data is Retrived as JSON Objects
Page navigation can be done through a slider, by manually specifying a page number, by using navigation buttons, or by selecting a specified page number. There are 12 different types of pager styles that can be applied.
Unbound Columns
You can have one or more unbound columns along with bound data columns in a grid.
feature image
Unbound Column Support
Data Editing
Essential Grid features easy ways to add, delete, and edit records. It supports inline row editing, inline form editing inline template form editing and editing through unbound columns.
feature image
Excel-like Bulk Editing
feature image
Adding Records to a Grid—Inline Mode
feature image
Grid with Editable Rows—Inline Mode
feature image
Editing Rows in a Dialog
feature image
Editing Rows in an External Form
feature image
Editing using unbound columns.
Scroll Support
Essential Grid provides options to show horizontal and vertical scroll bars when dealing with large records and when sizing the grid.
feature image
Scrolling-Enabled Grid
Appearance and Formatting
Styles to change appearance and formatting can be applied to individual columns, rows, or cells. Essential Grid also supports conditional formatting that applies pre-defined styles to the cells if they satisfy any defined criteria.
feature image
Grid with Column Formatting Applied
Column templates give you the ability to fully customize the way data is presented in a grid column. You can include images, hyperlinks, or any kind of UI element in the template.
feature image
Grid with Custom Column Template
Stacked headers give you the option to have additional header rows that span across grid columns. Users can group columns under such headers.
feature image
Grid with Stacked Headers
Auto-wrap in columns allows text in a grid to be wrapped automatically based on the width of the column.
feature image
Grid with Auto-Wrapped Columns
You can merge adjacent cells in a grid and still perform sorting and grouping on columns containing merged cells.
feature image
Grid with Merged Cells
Selection Modes
Essential Grid offers different kinds of selection modes such as row only, column only, cell only, or any combination of rows, columns, and cells.
feature image
Record-Based Selection-CTRL key
Column Features
A grid's column widths can be interactively adjusted by dragging and resizing the desired columns. You can also freeze (or fix) columns and rows to the left or top similar to the Excel freeze pane feature.
feature image
Column Resizing
feature image
Frozen Rows and Columns in a Grid
Drag-and-Drop
Essential Grid supports many user-interactive features like drag-and-drop functionality for rows that lets end users move a row within a grid or to another grid. You can also rearrange grid columns by dragging and dropping the column headers to a new location. Cue arrows provide hints about the destination location.
feature image
Dragging and Dropping Rows
feature image
Drag Column Header
Client-Side APIs
Essential Grid provides very rich and extensive clide-side APIs and events to do client-side operations. It provides various methods and events for sorting, grouping, selecting rows, dragging and dropping rows, clicking rows, showing and hiding rows, showing and hiding rows, etc.
User Interactions
Essential Grid provides various user interactions like context menus, ToolTips, and keyboard shortcuts. It supports all the common Excel keyboard shortcuts for editing, navigating, and selections of records.
feature image
Grid with Context Menu
Skins
Essential Grid features 14 different types of built-in skins to easily customize appearance.
feature image
Olive Skin
Export Options
Essential Grid provides built-in support for Excel, PDF, and Word exporting. You can export a grid's contents to these native Excel, PDF or Word files (.xls or .xlsx, .pdf, .doc formats) with all its formatting and styles preserved.
feature image
Excel Export
feature image
PDF Export
feature image
Word Export
Custom T4 Templates
Syncfusion provides customized T4 (Text Template Transformation Toolkit) templates for Essential Grid and Essential Editor. The T4 template is a code generator built right into Visual Studio. It is used in ASP.NET MVC, Entity Framework, and many other parts of .NET for code generation. These Syncfusion T4 templates ease the creation of Syncfusion controls that are applicable to strongly-typed models, allowing you to speed up development by simply adding controls from the AddView dialog box.
Localization
Essential Grid supports full localization that displays the text and formats used within the grid to reflect the current locale of the application.
feature image
Grid showing localized strings
::adCenter::