Best AngularJs Table Directives Plugins

Ti-grid : Powerful Data Grid For Angular 6+

Ti-grid : Powerful Data Grid For Angular 6+

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

Vx Grid : Native Table plugin with AngularJs

Vx Grid : Native Table plugin with AngularJs

Vx Grid is a standalone native table plugin which uses the best of features provided by AngularJS.

AngularJS module for Resizing Table Columns

AngularJS module for Resizing Table Columns

An AngularJS module for resizing table columns!

Angular 5 Data Table Component

Angular 5 Data Table Component

Angular 5 data table, with pagination, sorting, expandable rows, row selection etc.

Angular Draggable Table Directive

Angular Draggable Table Directive

An AngularJS directive that allows you to reorder table columns via drag and drop.

Angular 4+ Data Table Component

Angular 4+ Data Table Component

Angular 4 yet another table with pagination, ordering, filtering and datasource server-side ready.

NgTableTree : Angular Table Tree

NgTableTree : Angular Table Tree

See a lot of angular material based on the table-tree components, JS files need to be defined in the table column attributes, trouble not to say, and HTML attributes defined in JS, always inconvenient to maintain the code is also very ugly.

NgTableTree defines a tableTree directive that uses the $ compile recompile the HTML template file to be displayed inside the instruction, so we can define the template directly in HTML.

A Generic Table Component for Angular2

A Generic Table Component for Angular2

A generic table for Angular 2+. Generic table uses standard markup for tables ie. table, tr and td elements etc. and has support for expanding rows, global search, filters, sorting, pagination, export to CSV, column clicks, custom column rendering, custom export values.

Features:

  • Uses standard HTML tables (no divs etc.)
  • Markup uses Twitter bootstrap class names
  • Client and server-side pagination, sorting and filtering
  • Lazy-loading of data from server
  • Expanding rows with custom component
  • Use custom functions for sorting, exporting and rendering of data
  • Configure table using json object (add columns etc.)
  • Toggle column visibility
  • Export to CSV

Component & Style Library for Angular2 : ngx-ui

Component & Style Library for Angular2 : ngx-ui

ngx-ui is a component and style library for Angular2+ projects. It takes hints from Google’s Material and Microsoft’s Neon projects to create a unique dark design style.

Data Table crafted for Angular2 : ngx-datatable

Data Table crafted for Angular2 : ngx-datatable

ngx-datatable is an Angular component for presenting large and complex data. It has all the features you would expect from any other table but in a light package with no external dependencies. The table was designed to be extremely flexible and light; it doesn’t make any assumptions about your data or how you: filter, sort or page it.

Features:

  • Handle large data sets ( Virtual DOM )
  • Expressive Header and Cell Templates
  • Horizontal & Vertical Scrolling
  • Column Reordering & Resizing
  • Client/Serve side Pagination & Sorting
  • Intelligent Column Width Algorithms ( Force-fill & Flex-grow )
  • Integrated Pager
  • Cell & Row Selection ( Single, Multi, Keyboard, Checkbox )