Press "Enter" to skip to content

Simple Data Grid Open Source Based on Angular 6 | 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, 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:


npm install @ng-plus/grid

1. In your app.module, (import)

import { TiGridModule } from '@ng-plus/grid' ;

imports: [

2. In your component: (Configure)

// url to get data from (optionally, you can pass any[] as rows:
url = '';

// 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:


[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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.