Enterprise ready Grid component for Angular

jQWidgets Grid for Angular is an advanced datagrid component built on top of Typescript, Angular and the jQWidgets framework. It offers many features, including spreadsheet, sorting, filtering, grouping, drag and drop, fluid size, localization, RTL support and many more. The grid is a perfect solution for complex Angular UI applications. Angular Grid


In addition jQWidgets Grid for Angular is fast and comes with easy to use and well documented APIs and many demos. Like all widgets in the jQWidgets framework it works across devices and has a consistent look and behavior on PCs, tablets and mobile phones. jQWidgets Grid for Angular is trusted by thousands of companies. It has frequent releases with continuous improvements, excellent support, and big user community.

You can use the component either with Javascript or with Typescript. For modern browsers, we suggest using it with Typescript. The Angular Grid component and Typescript definitions can be found in the download package, within the jqwidgets-ts folder. The angular_jqxgrid.ts file contains the Angular2 Grid component implementation. The jqwidgets.d.ts file contains the Typescript definitions.

Data Binding

The grid component has built-in data binding capabilities and supports client and server-side paging. It can be bound to Local Data, JSON, XML, CSV, TSV, Remote Data (JSONP) and Virtual Data. In orderbind the Grid to a data source you need to set its source property to point to an instance of jqxDataAdapter.

Sorting, filtering, grouping and editing

Angular applications using jqxGrid can benefit from advanced filtering (including custom filters), sorting with compare functions, grouping with pagers and aggregates and row editing including cutomized editors.

Columns and cells formatting

The Grid offers many options for columns and cells formatting. You can align the text in the cells left, right or center and have different bacckround colors. The columns can be shown or hidden and can be auto-sized. You can also have checkboxes, images and other widgets in the columns. In addition jQWidgets Grid for Angular 2 enables complex features like column tooltips, foreign key, computed and pinned columns. You can also do reordering and resizing of the columns.

Angular Grid Cells Formatting

Advanced Features

For the Angular applications requiring complex features, jqxGrid offers drag and drop (including dragging multiple rows), row details, custom keyboard navigation, deferred scrolling on large data sets, nested grids, master-details grids, toolbars on the grid, status bar, right to left support and more.

Export and printing

The Grid component offers export to Excel, PDF, XML, HTML, CSV, TSV and JSON. It also offers data printing.