Implementing a configurable table using Ng-grid

With Angularjs, there are also some regrets: Many are based on jquery or other components that need to be integrated in order to be fluent in Angularjs. But some of the more complex components, such as grid, have a considerable amount of work to integrate.

In most cases, it is easy to use ANGULARJS to easily implement simple forms and even click to modify such features. But if you want to add more features, such as dragging and changing the order of the columns, clicking the header sort, dragging the column widths, and hiding some of the columns, it's not that easy. If you want to add the function of grouping, it will be very troublesome. At this point we need a grid component that works well with Angularjs.

These days I tried the Http://angular-ui.github.com/ng-grid/, it is completely based on the Angularjs write, so you can use ANGULARJS ideas to interact with it. The use feels good, the basic function is complete, interacts with it to realize the need effect is also very smooth. I used it to simply implement a table designer, which I'll show you here.

The functions I implemented are as follows:

1. After you specify a data source, you can open the Table Designer, customize the header of each column, add delete columns, adjust column order, and more
2. The adjusted parameters can be removed and saved in the server
3. In a formally used table, the previously designed parameters can be read directly using

Because the documentation and examples for this project are well written and currently in a tense state of improvement, I don't detail how to use them here, mainly to demonstrate the effects. Want to use friends can on the project homepage to see, there is a problem in issues, the author reply very soon very enthusiastic.

http://ju.outofmemory.cn/entry/12828

Implementing a configurable table using Ng-grid