Updated: Sep 1, 2021
Guide Kit Almost every web app uses some form of a data table for storing data and displaying records. While we can create these tables using HTML, they lack advanced features like pagination, dynamic sorting, responsive layout, etc. And that’s where Angular comes in handy. Instead of coding everything from scratch, you can easily implement libraries that extend the bare minimum features offered by HTML tables and make your web app development process more rewarding.
Here are some of the hand-picked open-source data table libraries for Angular.js using which you can manage tabular data on your web application. Handsontable is a spreadsheet-style JavaScript data grid component. You can easily integrate it with any data source and use it for data binding, validation, sorting, all the while having access to its powerful context menu. Another library, ui-grid is a data grid for Angular.js and performs exceedingly well for datasets even with 10k+ rows. We also have MD-data-table, which implements Google’s material design based on Angular material components. Since it creates a native HTML table for which browsers are optimized, this component is the go-to choice when speed is paramount.
handsontableby handsontable
17920 Version:12.4.0JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡
handsontableby handsontable
JavaScript 17920 Version:12.4.0 License: Others (Non-SPDX)
md-data-tableby daniel-nagy
1927 Version:CurrentMaterial Design Data Table for Angular Material
md-data-tableby daniel-nagy
JavaScript 1927 Version:Current License: Permissive (MIT)
Smart-Tableby lorenzofox3
1809 Version:Current
License: No License (null)Code source of Smart Table module: a table/grid for Angularjs
Smart-Tableby lorenzofox3
JavaScript 1809 Version:Current License: No License
angular-deckgridby akoenig
1102 Version:CurrentA lightweight masonry-like grid for AngularJS.
angular-deckgridby akoenig
JavaScript 1102 Version:Current License: Permissive (MIT)
GridManagerby baukh789
794 Version:v3.2.0🌐 Quickly and flexibly instantiate the Table tag to make the Table tag full of vitality.
GridManagerby baukh789
JavaScript 794 Version:v3.2.0 License: Permissive (MIT)
angular-data-tableby swimlane
588 Version:v0.5.0A feature-rich but lightweight ES6 AngularJS Data Table crafted for large data sets!
angular-data-tableby swimlane
JavaScript 588 Version:v0.5.0 License: Permissive (MIT)
mdDataTableby iamisti
528 Version:v2.2.0Angular data table complete implementation of google material design based on Angular Material components.
mdDataTableby iamisti
JavaScript 528 Version:v2.2.0 License: Permissive (MIT)
ng-tastyby Zizzamia
439 Version:v0.6.1A tasty collection of reusable UI components for Angular, like grandma used to make. Like Table directive, WebSocket / Debounce / Throttle service, Range / Camelize / Slugify filters
ng-tastyby Zizzamia
JavaScript 439 Version:v0.6.1 License: Permissive (MIT)
ngReactGridby josebalius
333 Version:v0.7.0A really fast Angular grid using the power of React to render. Based on ng-grid and jQuery DataTables.
ngReactGridby josebalius
JavaScript 333 Version:v0.7.0 License: Permissive (MIT)
angulargridby s-yadav
280 Version:CurrentPinterest like responsive masonry grid system for angular
angulargridby s-yadav
JavaScript 280 Version:Current License: Permissive (MIT)
EasyQRCodeJSby ushelp
512 Version:4.4.13EasyQRCodeJS is a feature-rich cross-browser pure JavaScript QRCode generation library. Support Canvas, SVG and Table drawing methods. Support Dot style, Logo, Background image, Colorful, Title etc. settings. Support Angular, Vue.js, React, Next.js, Svelte framework. Support binary(hex) data mode.(Running with DOM on client side)
EasyQRCodeJSby ushelp
JavaScript 512 Version:4.4.13 License: Permissive (MIT)
angular-tableby davidjnelson
177 Version:1.0.0 License: No License (null)An angular directive for a table with fixed, sortable headers, row selection, row even/odd coloring, which automatically stays the correct height relative to its container when the browser is resized. No javascript code required; the api is a 100% declarative dsl.
angular-tableby davidjnelson
JavaScript 177 Version:1.0.0 License: No License
object-tableby ekokotov
175 Version:0.2.2Angular directive to easy create dynamic tables from source or URL with sorting, filtering and pagination. Smart templates and good perfomance
object-tableby ekokotov
JavaScript 175 Version:0.2.2 License: Permissive (BSD-3-Clause)
FancyGridby FancyGrid
174 Version:v1.7.150FancyGrid - JavaScript grid library with charts integration and server communication.
FancyGridby FancyGrid
JavaScript 174 Version:v1.7.150 License: Others (Non-SPDX)
bootstrap-grid-builderby kanakiyajay
152 Version:Current License: No License (null)Bootstrap Layout generator using Angular js
bootstrap-grid-builderby kanakiyajay
JavaScript 152 Version:Current License: No License
angular-tree-dndby thienhung1989
146 Version:v3.0.11Display tree table (or list) & event Drap & Drop (allow drag multi tree-table include all type: table, ol, ul) by AngularJS
angular-tree-dndby thienhung1989
JavaScript 146 Version:v3.0.11 License: Permissive (MIT)
angular-data-grid.github.ioby angular-data-grid
111 Version:Current License: No License (null)Light and flexible Data Grid for AngularJS applications.
angular-data-grid.github.ioby angular-data-grid
JavaScript 111 Version:Current License: No License