| Light and flexible Data Grid for AngularJS applications | Frontend Framework library

 by   angular-data-grid JavaScript Version: Current License: No License

kandi X-RAY | Summary

kandi X-RAY | Summary is a JavaScript library typically used in User Interface, Frontend Framework, Angular applications. has no bugs, it has no vulnerabilities and it has low support. You can install using 'npm i angular-data-grid' or download it from GitHub, npm.

Light, flexible and performant Data Grid for AngularJS apps, with built-in sorting, pagination and filtering options, unified API for client-side and server-side data fetching, seamless synchronization with browser address bar and total freedom in mark-up and styling suitable for your application. Angular 1.3 - 1.6 compliant. Demo Angular UI Router:

            kandi-support Support

     has a low active ecosystem.
              It has 111 star(s) with 49 fork(s). There are 17 watchers for this library.
              It had no major release in the last 6 months.
              There are 24 open issues and 32 have been closed. On average issues are closed in 112 days. There are 10 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of is current.

            kandi-Quality Quality

     has 0 bugs and 0 code smells.

            kandi-Security Security

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

            kandi-License License

     does not have a standard license declared.
              Check the repository for any license declaration and review the terms closely.
              Without a license, all rights are reserved, and you cannot use the library in your applications.

            kandi-Reuse Reuse

     releases are not available. You will need to build from source code and install.
              Deployable package is available in npm.
              Installation instructions, examples and code snippets are available.
     saves you 1091 person hours of effort in developing the same functionality from scratch.
              It has 2469 lines of code, 0 functions and 42 files.
              It has low code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi has reviewed and discovered the below as its top functions. This is intended to give you an instant insight into implemented functionality, and help decide if they suit your requirements.
            • Convert JSON to CSV
            • Provides a fixed header .
            • Generate the visible pages
            • Parse URL selection parameters
            • Create an anchor element .
            • Change the current sort options
            • apply filters
            • Increment the progress bar counter
            • Start the loading bar
            • Determine if the response is cached
            Get all kandi verified functions for this library.

   Key Features

            No Key Features are available at this moment for

   Examples and Code Snippets

            No Code Snippets are available at this moment for

            Community Discussions


            Data grid pagination not showing in the angularjs
            Asked 2018-Feb-27 at 10:03

            As per this link i have used all the libs and functions but i can't see the pagination buttons as like above link demo.

            I am loading data from the angularjs get method, After data retrieved i am showing this grid. Everything is working good but only pagination is not working.

            Item per page is showing only pagination numbers only not showing.

            This my HTML code:



            Answered 2018-Feb-27 at 10:03

            I forgot to add 'pagination' dependency injector in my module, Thats why pagination is not loaded. Now it's fixed.



            AngularJS grid iterate inner array of an array
            Asked 2017-Nov-28 at 08:51

            I am new to angularjs, i have a JSON file where, i have set of values and i read this in my grid table and displaying it. Consider the below JSON records,



            Answered 2017-Nov-27 at 13:07

            Just used nested ng-repeat for this. For you example you need two ng-repeat directive to achieve your result

            One for iterating each object. second for iterating array in each object



            rotate="false" not working in ui-bootstrap/angular-data-grid
            Asked 2017-Oct-09 at 07:02

            I am using ui-bootstrap v0.14.3 and

            According to angular-data-grid docs

            rotate (Defaults: true) : Whether to keep current page in the middle of the visible ones.

            So I added rotate = "false" in my code



            Answered 2017-Oct-09 at 07:02

            I have added max-size="5" in my code now it's working fine



            Filters doesn't refresh in datagrid AngularJS
            Asked 2017-Sep-20 at 18:49

            I am trying with this library ( ) to filter by name with Angular JS. The problem is when I search it doesn't refresh! Only when I click on paginate o change items per page.

            My HTML:(I think is something with ng-change)



            Answered 2017-Sep-20 at 18:49

            All you need to do is to properly initialize the grid.

            You reference filter input to this function:



            How to eanble data-grid in AngularJS?
            Asked 2017-Sep-20 at 14:35

            I am trying to put this on my project but It doesn't work (sortable, items per page and pagination). This is my code ( but I dont know how to load external resources.

            All my external resource:



            Answered 2017-Sep-20 at 14:35

            Use this code for gridoptions:


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


            No vulnerabilities reported


            Using Bower: bower install angular-data-grid. Using NPM: npm install angular-data-grid.
            NOTE: grid-item wrapper directive used in the example above, to make code more concise, but you can always use regular ng-repeat instead, like: ng-repeat="item in filtered | startFrom:(paginationOptions.currentPage-1)*paginationOptions.itemsPerPage | limitTo:paginationOptions.itemsPerPage track by $index".
            Include scripts in you application: angular.min.js, dataGrid.min.js and pagination.min.js (include the second one only if you need pagination).
            Inject dataGrid dependency in your module.
            Initialize grid with additional options in your controller. To do that, add grid-data directive to element and pass 2 required parameters grid-options and grid-actions:


            For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .
            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 angular-data-grid/

          • 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