Top 10 AngularJS Table Demos

Recently I have been doing some tables work in AngularJS, so, I have researched some of the best modules and directives available at the moment. Here I have listed the best AngularJS Tables Plugins and included links to the Table Demos and source code on GitHub (or such). If you know of any I haven’t listed please leave a comment.

1. Angular Smart Table

Angularjs module to easily display data in a table with a set of built in functionalities such filtering, sorting, etc.
Angularjs tables module to easily display data in a table with a set of built in functionalities such filtering, sorting, etc.
Website & Demo GitHub

2. ngGrid

Angular Data Grid written in AngularJS and jQuery.
Angular Data Grid written in AngularJS and jQuery.
Website Demos GitHub Gitter

3. bsTable

AngularJS directive which adds tfoot tag with pagination and page size selection to your table and watches changes on your collection in ng-repeat attribute.
AngularJS directive which adds tfoot tag with pagination and page size selection to your table and watches changes on your collection in ng-repeat attribute.
Website & Demo GitHub

4. ngTable

Simple table with sorting and filtering on AngularJS.
Simple table with sorting and filtering on AngularJS.
Website Demo GitHub

5.Angular Table davidjnelson

The first grid directive to support 100% declarative configuration.
The first grid directive to support 100% declarative configuration.
Website & Demo GitHub

6. Angular UX DataGrid

Highly optimized AngularJS datagrid. Easily modify and add your own behavior with addons!
Highly optimized AngularJS datagrid. Easily modify and add your own behavior with addons!
Website Demo 1 Demo 2
JSFiddle Demo More Demos GitHub

7. Angular Table Samu

Allows to declare sortable tables and to add pagination with very little effort.
Allows to declare sortable tables and to add pagination with very little effort.
Demo GitHub

8. ngCells Table

AngularJS Table directive that draws a table of data with different features.
AngularJS Table directive that draws a table of data with different features.
Website Demo 1 Demo 2 GitHub

9. rxDataTable

A "catch-all" solution for displaying data in a table format in a basic or extremely complex style.
A “catch-all” solution for displaying data in a table format in a basic or extremely complex style.
Website Demo GitHub

10. SiTable for AngularJS

Simple table directive with pagination and sorting for Angular.
Simple table directive with pagination and sorting for Angular.
Demo 1 Demo 2 GitHub

Other less popular AngularJS Tables I found::

Sam is a passionate web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and reading.

20 thoughts on “Top 10 AngularJS Table Demos

  1. thanks for posting. so… any favorite? I’ve heard most about ngGrid – but both success and pain.

    Do any of these piggy back on bootstrap or offer other responsive behavior?

    1. Yeah, I would love to go through and add some pros/cons for each or at least the most popular. If I find some time I will.

Leave a Reply

Your email address will not be published. Required fields are marked *