ngReactGrid

What is ngReactGrid?

ngReactGrid is an Angular directive that can be used to render an enhanced HTML table or grid of data very fast using React as the rendering engine. It is based on ng-grid and jQuery DataTables. It uses HTML tables and supports fixed column headers by default.

Dependencies

• Angular - v1.2.0 and above
• React - v0.10.0 and above

How to use

Step 1 - Download Sources

Download the source files from Github: https://github.com/josebalius/ngReactGrid/zipball/master

After downloading and unzipping the directory, please copy the following files into their respective folder in your application:

./build/css/ngReactGrid.css
./build/js/ngReactGrid.min.js
./build/img/arrow_icons.png
        

Step 2 - Include sources in your HTML

Now that you have copied the necessary files into your application, it is time to add it to the HTML.

Step 3 - Use the ng-react-grid directive

You are now ready to start using ngReactGrid!

Here is a simple example for a grid based on the template above:

Examples

• Basic Example
• Horizontal Scrolling
• Server Side Processing
• Custom Cell Rendering

Default Grid Options

Default Cell Options