Best AngularJs Table Directives Plugins

Angular 7 Virtual Scroll Table

Angular 7 Virtual Scroll Table

Angular 7 – virtual scroll table with support draggable, pagination, server side, sorting, filtering, resizing, dynamic component and custom config for each column.

Feature Rich Responsive Angular Data Table : Ornamentum

Feature Rich Responsive Angular Data Table : Ornamentum

Ornamentum data table is a lightweight, feature rich, highly configurable, UI framework agnostic, full responsive Angular data table with minimal dependencies.

Features:

  • Client/Server data binding
  • Live/real-time data binding
  • Pagination
  • Multi/Single column sorting
  • Row grouping
  • Multi/Single value filtering
  • Row selection
  • Expandable rows
  • Column resizing
  • Cell/Header templating
  • Translations

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