angular-data-table | lightweight ES6 AngularJS Data Table crafted for large data | Grid library

 by   swimlane JavaScript Version: v0.5.0 License: MIT

kandi X-RAY | angular-data-table Summary

kandi X-RAY | angular-data-table Summary

angular-data-table is a JavaScript library typically used in User Interface, Grid applications. angular-data-table has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub, Maven.

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

            kandi-support Support

              angular-data-table has a low active ecosystem.
              It has 588 star(s) with 154 fork(s). There are 60 watchers for this library.
              It had no major release in the last 12 months.
              There are 81 open issues and 150 have been closed. On average issues are closed in 43 days. There are 11 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of angular-data-table is v0.5.0

            kandi-Quality Quality

              angular-data-table has 0 bugs and 0 code smells.

            kandi-Security Security

              angular-data-table has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              angular-data-table code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              angular-data-table is licensed under the MIT License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              angular-data-table releases are available to install and integrate.
              Deployable package is available in Maven.
              Installation instructions are not available. Examples and code snippets are available.
              angular-data-table saves you 1831 person hours of effort in developing the same functionality from scratch.
              It has 4044 lines of code, 0 functions and 95 files.
              It has low code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi has reviewed angular-data-table and discovered the below as its top functions. This is intended to give you an instant insight into angular-data-table implemented functionality, and help decide if they suit your requirements.
            • Creates an instance of Popover directive .
            • Displays data table .
            • Draggable directive .
            • Displays a resizer .
            • directive .
            • Direct scroll directive
            • Directive directive directive .
            • Display popover and display
            • Position helper methods
            • Attaches a header cell .
            Get all kandi verified functions for this library.

            angular-data-table Key Features

            No Key Features are available at this moment for angular-data-table.

            angular-data-table Examples and Code Snippets

            No Code Snippets are available at this moment for angular-data-table.

            Community Discussions


            Display value for specific table row only in *ngFor
            Asked 2019-Feb-07 at 09:45

            I am trying to display a value for a specific table row however the value is getting displayed for every single row. I am using angular-data-tables.

            Here is my code



            Answered 2019-Feb-07 at 08:48

            Since you are only using a single key msgFound it cannot distinguish which item should be displayed. If you should limit it to a specific row only, there must be some logic to tie it to item.



            Display JSON data in angular-data-table
            Asked 2019-Feb-07 at 05:47

            I want to display the following JSON data set in an angular-data-table



            Answered 2019-Feb-07 at 05:47

            Hi Skydev your json is starts an object so you need to separate an array and use that array in table.

            I have created stackblitz for you.


            Html preview visit the example you need access variable.




            Angular 5 Datatable - refresh the column and data on button click
            Asked 2018-Apr-25 at 16:35

            I am using angular data-table from angular-data-tables plugin. i have made a component for data-table seperately so that it can be used generically.

            Hence providing input() columns variable to this component which is essentially responsible for creating number of column in table.

            this input() columns will be passed from parent component in which data-table component is embedded. I want to change the columns name/count on basis of button click present in parent component.but when i change my columns in parent component somehow i dont know how the data-table component column becomes empty.

            this is stackblitz url for the scenario Just click on changecolumn button you will see the header will become invisible.



            Answered 2018-Apr-25 at 16:35

            This is because angular-datatables is essentially an angular wrapper for the jQuery datatable plugin (Found here:

            According to their manual

            Any manipulation of the table after initialisation must be done through the API

            Found here

            angular-datatables plugin actually has APIs for supporting asynchronously loaded data. An example can be found here:

            Now, for your specific example, a workaround would be to remove the table component from the DOM completely, change the columns, and then reinitialize the table component. So, in your stackblitz example:

            In app.component.html:



            How can I load a custom popup on a click event in Highcharts?
            Asked 2018-Jan-19 at 10:02

            I have a highcharts bar chart and when I click on it I want to load a custom popup screen. This is my HTML page and I use angular-data-table for it.



            Answered 2018-Jan-19 at 10:02
  "popupAddress?id=" + event.anyParameter);


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install angular-data-table

            You can download it from GitHub, Maven.


            Ensure you have the latest NPM and JSPM installed globally. If you don't already have JSPM installed run: npm install jspm -g. gulp release to build Modules, ES* via Babel and compile.
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • HTTPS


          • CLI

            gh repo clone swimlane/angular-data-table

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link