mdo-grid

An Angular Module for grids and tables. Its very explicit and doesn't do any magic at all.
1 person uses it
Author: 6175591?v=2 middleout
Submitted by: 3910702?v=2 andreigabreanu

Middleout GRID 1.0.0

An Angular Module for grids and tables. Its very explicit and doesn't do any magic at all.

Features:

  • Sorting
  • Custom sorting keywords (you can use ASCENDING, asc, 0, etc)
  • Default sorting direction (when you sort by a column which was not being sorted on)
  • Filtering (you can use any 1 dimension object/array for filters)
  • Customization of data loading (you define it explicitly)
  • Pagination (besides the usual first page, last page, previous page, next page & is active page, automatically detects if the current page is not in the pages list anymore; if so then it makes a new request sending the user to the last possible page).
  • Loading state
  • Reloading API
  • Driven by Configuration
  • Ease of use (just a directive and a configuration service)
  • Allows usage of tables, divs or anything you like. It's completely up to you on how you use it.

TO DO:

  • Typescript implementation alongisde pure angular
  • Definetely Typed (.d.ts) implementation & submission

HOW TO USE:

  1. Download the mdo-grid.js
  2. Place it & include it in your project
  3. In your angular controller, inject the configuration service:

.controller('ExampleCtrl', function(mdoGridConfig){ ... });

  1. Configure the plugin. Below is an example of a FULL configuration, inside a controller:
  1. Define your view as following (please note this is an example; you can use your own html structure)

and the code for the table pagination view is:

That's it! Cool huh?

For any questions or if you just want to come in contact, feel free to mail us at support@middleout.com

comments powered by Disqus
This page was last updated almost 3 years ago.