jqxGrid offers an intuitive and easy-to-use user interface for common data interaction features such as grouping, sorting, filtering, paging, and scrolling. The rows and columns support full UI virtualization which minimizes the number of DOM elements that need to be rendered and ensures unbeatable performance in scenarios with thousands of rows and columns.
Our Grid includes a built-in data binding logic designed to support various data sources and operate with large datasets. The grid supports several data binding modes optimized for common scenarios:
Our Data Grid widget enables users to group data with simple drag and drop. Users can
also rearrange the grouping hierarchy by dragging and dropping the grouping headers
in the group panel.
Aggregates can be displayed for each Group.
jqxGrid provides built-in powerful sorting capabilities like one-click automatic sorting, selection of sort option from a context menu and sorting through API calls. The data grid automatically chooses the most appropriate comparison. Users can also implement and use a custom sort comparer functions. The sorting works well with all possible configurations including rows grouping and paging.
The integrated paging functionality lets the users display large data sets in multiple
pages for faster loading and easy navigation. Users also have an option to select
how many records to display in a page.
jqxGrid has a very flexible layout that enables easy nesting of any content, UI
elements and widgets including nested data grids.
Row details are built-in feature of the jQuery data grid. You can change the height of
APIs to expand and collapse the grid row details area.
The infrastructure of the jQuery Grid is designed to support multiple column types. In the
current version the data grid provides built-in 'Text', 'Number', 'DropDownList',
'DateTime' and 'CheckBox' columns. Our jQuery grid also supports custom data rendering.
Developers can easily replace the default rendering logic and use custom columns
and cells rendering.
jqxGrid supports Excel-like pinned (frozen) columns. This feature also allows you
to pin columns to the left the gridview's canvas. The pinned columns are very useful
when working with large tables and it makes it easy to scroll and compare data from
different parts of the table.
Our jQuery grid offers a cell formatting feature where you can easily specify a
formatting string for grid column. You can format dates, numeric values like decimal
numbers, integer and floating-point numbers, currency and percentage values.
Our jQuery grid supports localization for multi-language web sites and applications.
All text elements used in control buttons, menu items and elements can be localized.
The Data Grid comes with multiple cells and row selection options. You can choose from single cell to multi-cell Excel-like selection and from single row to multi-row selection.
The Data Grid includes fixed and responsive column widths. In addition, columns can be Pinned, Resized, Reordered, CSS Styled, Hidden, Sorted, Filtered, Grouped and more.
Our jQuery Grid ships with multiple professionally designed themes. Each theme is stored in a separate CSS file and is easy to change. The themes can be switched using a single property of the grid widget. Since the latest version of the jQuery Grid, you can use JSON object to style the Grid's Cells and Columns.