Simple And Powerful Data Grid For Angular 2+ | ti-grid

ti-grid is a simple, powerful data grid for Angular 6+, with support for pagination, data sorting, data filtering, and more.

angular datagrid example, datagrid angular, angular grid datatables, angular data grid open source, angular-datatables example

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'},
  { ti

3. In the template:

<ti-grid
    [columns]="columns"
    [url]="url">
  </ti-grid>

Powerful Data Grid For Angular, Ti-Grid 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 Usages, please go to the official website.

Share