ti-grid is a simple powerful data grid for Angular 6+, with support for pagination, data sorting, data filtering, and more.
angular datagrid example, angular 8 grid example, angular grid example stackblitz, what is ag grid in angular, angular data grid free, angular grid table, angular data grid open source
How to make use of it:
Installation:
npm install @ng-plus/grid
1. In your app.module, (import)
import { TiGridModule } from '@ng-plus/grid' ; imports: [ TiGridModule ]
2. In your component: (Configure)
// url to get data from (optionally, you can pass any[] as rows: url = 'https://api.myjson.com/bins/ly7d1'; // title and field are only required: columns = [ { title: 'Make', field: 'make'}, { title: 'Model', field: 'model'}, { title: 'Price', field: 'price', align: 'right' } ];
3. In the template:
<ti-grid [columns]="columns" [url]="url"> </ti-grid>
[TOAST UI Grid] Powerful Component to Display and Edit Data | tui.grid
Data Grid For Angular, Ti-Grid for Angular Plugin/Github
See Demo And Download
Official Website(ti-ka): Click Here
This superior jQuery/javascript plugin is developed by ti-ka. For extra advanced usage, please go to the official website.