Light Grid – a simple Angular JS grid

This article was posted by Michał Dudak on 2015-06-25 in Angular JS

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

light-grid-logo

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

Features

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.

Feedback

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!

No comments so far. Start the discussion!

Leave a Reply

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