• Stars
    star
    328
  • Rank 128,352 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 10 years ago
  • Updated over 9 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A really fast Angular grid using the power of React to render. Based on ng-grid and jQuery DataTables.

ngReactGrid

NOTE: Active development of this project has stopped. All new development is being done on the https://github.com/josebalius/react-grid project which will contain most of ngReactGrid's functionality with adapters for Angular 1.x, 2.x and KnockoutJS.

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.

The API of the grid is similar to that of ng-grid's, and the table architecture (3 tables per grid) is similar to that of jQuery DataTables.

Please refer to: http://josebalius.github.io/ngReactGrid/ for documentation.

Bower

bower install ngReactGrid

Features

  • Fast, awesome performance
  • Fixed headers
  • Server side hooks
  • Sorting
  • Pagination
  • Page size
  • Search
  • Horizontal scrolling
  • Custom width / height
  • Custom cell rendering
  • Checkbox selection column

Todo

  • Editable cells - In Progress
  • Resizeable columns - In Progress
  • Column Filtering - In Progress
  • Column pinning
  • Don't see your feature? I am accepting pull requests. Please contribute.

Develop

# Clone this repo (or your fork).
git clone https://github.com/josebalius/ngReactGrid.git
cd ngReactGrid

# Install all the the dev dependencies
npm install

# Run gulp inside the ngReactGrid to watch your files and build
npm run gulp

I use examples/basic.html to implement features, it is my "sandbox" environment. This file however is always changing (with whatever it is that I am working on) so beware. I suggest you copy this file and set it up your way. I will be creating more examples when I have some time.

Please remember that there is also a documentation site: http://josebalius.github.io/ngReactGrid/

Good luck!

License

The MIT License (MIT)

Copyright (c) 2014 Jose Garcia

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

githalytics.com alpha