Last update:

Light Grid – a simple Angular JS grid

After developing it for quite some time, I’m happy to announce Light Grid – a simple and lightweight Angular JS grid module.


Another Angular JS grid?

Well, yes and no. It is, in fact, another grid library, but unlike several other popular grids, this one is build natively for Angular JS. Also worth noting – I tried to make it simple to use for developers who know Angular, so you won’t have to pass around any large configuration objects, etc. You can define its looks directly in the view (which, in my opinion, conforms to the Angular best practices).

The source code is hosted on GitHub. I encourage you to check it out and see if it works for you.

Documentation and sample code

You can find documentation and samples on the project’s home site (however right now the number of documentation pages isn’t overwhelming… I’m still working on it; on the other hand, the samples are more complete).


As for the feature set, the initial version (v0.1.0) allows you to display and edit client-side data (e.g. there is no code for server integration). You can search, page and sort the data, as well as use expanded details section. Check out the samples for more details.

Light Grid sample

I’m planning to add remote data support (most probably using Angular’s ngResource) in the next release (v0.2), then several other features like adding new rows or deleting existing ones. I’m pretty sure I won’t run out of ideas soon ;).

Besides new features, fixing bugs will always have high priority.


I’d really appreciate if I got any feedback regarding the grid. Do you use it anywhere? Is the API simple enough? Do you see any room for improvement? Don’t hesitate to let me know, either here, with a comment or via the GitHub issues.

Happy coding!


  1. Hi,

    Thanks for your contribution.
    I was trying the grid. But the paging is not working, Can you please tell send me any working sample with paging. In the demo site only part of code is availible.
    It will be great if you can create a plucker example

    SUKESH CHANDH R on 21 July 2017, 14:00 +01:00 Reply
    1. OK, I’ll try to prepare a few samples tomorrow.

      Michał Dudak on 8 August 2017, 21:43 +01:00 Reply
      1. Please try this out:
        The docs should be updated any minute now.

        Michał Dudak on 9 August 2017, 19:54 +01:00 Reply

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Michał Dudak