kandi background
Explore Kits

18 best JavaScript Angular Table libraries in 2023

by kalaiyarasan Updated: Sep 1, 2021

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

JavaScript star image 17447 Version:6.2.0

License: Others (Non-SPDX)

JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡

Support
Quality
Security
License
Reuse

handsontableby handsontable

JavaScript star image 17447 Version:6.2.0 License: Others (Non-SPDX)

JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡
Support
Quality
Security
License
Reuse

ui-gridby angular-ui

JavaScript star image 5401 Version:v4.11.0

License: Permissive (MIT)

UI Grid: an Angular Data Grid

Support
Quality
Security
License
Reuse

ui-gridby angular-ui

JavaScript star image 5401 Version:v4.11.0 License: Permissive (MIT)

UI Grid: an Angular Data Grid
Support
Quality
Security
License
Reuse

md-data-tableby daniel-nagy

JavaScript star image 1927 Version:Current

License: Permissive (MIT)

Material Design Data Table for Angular Material

Support
Quality
Security
License
Reuse

md-data-tableby daniel-nagy

JavaScript star image 1927 Version:Current License: Permissive (MIT)

Material Design Data Table for Angular Material
Support
Quality
Security
License
Reuse

Smart-Tableby lorenzofox3

JavaScript star image 1810 Version:v2.1.11

License: No License (null)

Code source of Smart Table module: a table/grid for Angularjs

Support
Quality
Security
License
Reuse

Smart-Tableby lorenzofox3

JavaScript star image 1810 Version:v2.1.11 License: No License

Code source of Smart Table module: a table/grid for Angularjs
Support
Quality
Security
License
Reuse

angular-deckgridby akoenig

JavaScript star image 1102 Version:0.5.0

License: Permissive (MIT)

A lightweight masonry-like grid for AngularJS.

Support
Quality
Security
License
Reuse

angular-deckgridby akoenig

JavaScript star image 1102 Version:0.5.0 License: Permissive (MIT)

A lightweight masonry-like grid for AngularJS.
Support
Quality
Security
License
Reuse

GridManagerby baukh789

JavaScript star image 724 Version:v2.18.1

License: Permissive (MIT)

🌐 快速、灵活的对Table标签进行实例化,让Table标签充满活力。

Support
Quality
Security
License
Reuse

GridManagerby baukh789

JavaScript star image 724 Version:v2.18.1 License: Permissive (MIT)

🌐 快速、灵活的对Table标签进行实例化,让Table标签充满活力。
Support
Quality
Security
License
Reuse

angular-data-tableby swimlane

JavaScript star image 588 Version:v0.5.0

License: Permissive (MIT)

A feature-rich but lightweight ES6 AngularJS Data Table crafted for large data sets!

Support
Quality
Security
License
Reuse

angular-data-tableby swimlane

JavaScript star image 588 Version:v0.5.0 License: Permissive (MIT)

A feature-rich but lightweight ES6 AngularJS Data Table crafted for large data sets!
Support
Quality
Security
License
Reuse

mdDataTableby iamisti

JavaScript star image 528 Version:1.8.0

License: Permissive (MIT)

Angular data table complete implementation of google material design based on Angular Material components.

Support
Quality
Security
License
Reuse

mdDataTableby iamisti

JavaScript star image 528 Version:1.8.0 License: Permissive (MIT)

Angular data table complete implementation of google material design based on Angular Material components.
Support
Quality
Security
License
Reuse

ng-tastyby Zizzamia

JavaScript star image 439 Version:0.6.1

License: Permissive (MIT)

A tasty collection of reusable UI components for Angular, like grandma used to make. Like Table directive, WebSocket / Debounce / Throttle service, Range / Camelize / Slugify filters

Support
Quality
Security
License
Reuse

ng-tastyby Zizzamia

JavaScript star image 439 Version:0.6.1 License: Permissive (MIT)

A tasty collection of reusable UI components for Angular, like grandma used to make. Like Table directive, WebSocket / Debounce / Throttle service, Range / Camelize / Slugify filters
Support
Quality
Security
License
Reuse

ngReactGridby josebalius

JavaScript star image 333 Version:v0.7.0

License: Permissive (MIT)

A really fast Angular grid using the power of React to render. Based on ng-grid and jQuery DataTables.

Support
Quality
Security
License
Reuse

ngReactGridby josebalius

JavaScript star image 333 Version:v0.7.0 License: Permissive (MIT)

A really fast Angular grid using the power of React to render. Based on ng-grid and jQuery DataTables.
Support
Quality
Security
License
Reuse

angulargridby s-yadav

JavaScript star image 280 Version:0.6.5

License: Permissive (MIT)

Pinterest like responsive masonry grid system for angular

Support
Quality
Security
License
Reuse

angulargridby s-yadav

JavaScript star image 280 Version:0.6.5 License: Permissive (MIT)

Pinterest like responsive masonry grid system for angular
Support
Quality
Security
License
Reuse

EasyQRCodeJSby ushelp

JavaScript star image 478 Version:4.4.13

License: Permissive (MIT)

EasyQRCodeJS 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)

Support
Quality
Security
License
Reuse

EasyQRCodeJSby ushelp

JavaScript star image 478 Version:4.4.13 License: Permissive (MIT)

EasyQRCodeJS 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)
Support
Quality
Security
License
Reuse

angular-tableby davidjnelson

JavaScript star image 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.

Support
Quality
Security
License
Reuse

angular-tableby davidjnelson

JavaScript star image 177 Version:1.0.0 License: No License

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.
Support
Quality
Security
License
Reuse

object-tableby ekokotov

JavaScript star image 175 Version:0.2.2

License: Permissive (BSD-3-Clause)

Angular directive to easy create dynamic tables from source or URL with sorting, filtering and pagination. Smart templates and good perfomance

Support
Quality
Security
License
Reuse

object-tableby ekokotov

JavaScript star image 175 Version:0.2.2 License: Permissive (BSD-3-Clause)

Angular directive to easy create dynamic tables from source or URL with sorting, filtering and pagination. Smart templates and good perfomance
Support
Quality
Security
License
Reuse

FancyGridby FancyGrid

JavaScript star image 174 Version:1.7.176

License: Others (Non-SPDX)

FancyGrid - JavaScript grid library with charts integration and server communication.

Support
Quality
Security
License
Reuse

FancyGridby FancyGrid

JavaScript star image 174 Version:1.7.176 License: Others (Non-SPDX)

FancyGrid - JavaScript grid library with charts integration and server communication.
Support
Quality
Security
License
Reuse

bootstrap-grid-builderby kanakiyajay

JavaScript star image 152 Version:Current

License: No License (null)

Bootstrap Layout generator using Angular js

Support
Quality
Security
License
Reuse

bootstrap-grid-builderby kanakiyajay

JavaScript star image 152 Version:Current License: No License

Bootstrap Layout generator using Angular js
Support
Quality
Security
License
Reuse

angular-tree-dndby thienhung1989

JavaScript star image 146 Version:v3.0.11

License: Permissive (MIT)

Display tree table (or list) & event Drap & Drop (allow drag multi tree-table include all type: table, ol, ul) by AngularJS

Support
Quality
Security
License
Reuse

angular-tree-dndby thienhung1989

JavaScript star image 146 Version:v3.0.11 License: Permissive (MIT)

Display tree table (or list) & event Drap & Drop (allow drag multi tree-table include all type: table, ol, ul) by AngularJS
Support
Quality
Security
License
Reuse

angular-data-grid.github.ioby angular-data-grid

JavaScript star image 111 Version:Current

License: No License (null)

Light and flexible Data Grid for AngularJS applications.

Support
Quality
Security
License
Reuse

angular-data-grid.github.ioby angular-data-grid

JavaScript star image 111 Version:Current License: No License

Light and flexible Data Grid for AngularJS applications.
Support
Quality
Security
License
Reuse

See similar Kits and Libraries

JavaScript