What data grid should be used for an Angular 2 project if performance is a concern?
I have been using ng-table
for Angular 1, but am unsure which one would be good in terms of performance for Angular 2.
ag-Grid is designed to integrate seamlessly with Angular 2+. It works with all major JavaScript frameworks like Angular, React and Vue.
ag-Grid provides a feature to display the data in proper grid format with filtering and sorting features already included in it and many more. Ag-grid is a fully-featured and highly customizable javascript data grid. Prerequisites. Basic knowledge of Angular. Visual Studio Code must be installed.
Generic UI Data Grid is one of the best free grid library. Performance is the main focus point, grid is able to present huge sets of data up to 1 000 000 rows. It greatly integrates with the best javascript framework there is Angular. All of that makes this library a great free to use Angular data table component.
ag-grid provides a way to get selected rows using api. getSelectedRows() function. And provides a way to set all rows using api. setRowData([]) function.
I found one example of ng2-table.
https://github.com/valor-software/ng2-table
Demo :- http://valor-software.com/ng2-table/
A recommended way to install ng2-table is through npm package manager using the following command:
npm i ng2-table --save
Below API used.
import { Ng2TableModule } from 'ng2-table/ng2-table';
or if you want to import specified plugins (Table component is required, the others are optional):
import { NgTableComponent, NgTableFilteringDirective, NgTablePagingDirective, NgTableSortingDirective } from 'ng2-table/ng2-table';
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With