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:

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.

Related Posts

vuejs-dialog-plugin

Vuejs Lightweight Prompt Based On Promise And Confirm Dialog

VUEJS DIALOG PLUGIN is a lightweight, promise-based, prompt, and dialog-based alert. Important updates The dialog will always be resolved by an object. (ie a callback to continue…

browser-alert-confirm-dialog-alert4html-js

Insert HTML Into Your Browser Alert & Confirm Dialog | alert4html.js

alert4html.js is a JavaScript library that enables you to insert HTML directly into your browser alerts while simulating Chrome alerts as well. alert4html.js is an alternative to…

Lightweight-Flexbox-Carousel-Plugin

Simple and Lightweight Flexbox Carousel Plugin With JavaScript | flexCarousel.js

Flexbox Responsive Slider – flexCarousel.js plugin is a simple and lightweight plug-in from Flexbox carousel ES6 JavaScript. An unofficial fork by Slick Carousel. Flex Carousel is a…

bootstrap-5-multi-level-dropdown

Multi-Level Dropdown Works With Bootstrap 5

Bootstrap 5 Multi-Level Dropdown, using the official HTML without adding additional CSS styles and classes, it’s just like the original support. Not all of the things listed…

jquery-confirmation-dialog

JQuery UI Built Dynamic Modal That Uses Bootstrap | confirm.js

confirm.js is to use confirm modal created using JQuery and Bootstrap. Put events in each custom button in your web application. Easy to implement, saves time. Requirements…

bootstrap-responsive-navbar

[Bootstrap 5] Responsive Navbar With off-canvas Display on Mobile

The Bootstrap 5-off-canvas navigation menu is a responsive navigation system that combines BS5 components outside of the canvas and navbar. Must Read: Pure CSS Mobile-friendly Responsive Table…