table grid react library.

A simple configurable table grid react library along with sorting, filtering/search, paginated and row selection functionality enabled.

Installing

npm install table_grid_react

usage

  this.config = {
    data: [{name: 'test', 'age': 30, 'email': 'test@123.com', 'country': 'india'},{name: 'test2', 'age': 10, 'email': 'ab@123.com', 'country': 'russia'}],
    isSorting: true, //enable or disable sorting
    isRowSelection: false, //enable or disable row selection
    isSearch: true, //enable or disable search
    filterBy: 'name', // define a key for searc e.g 'name/age/email' etc.
    onRowSelect: (item) => { console.log('selected row data', item); } // this will invoke only if you enable isRowSelection = true.
  };

       return(
       //pass it to the component
       <div className="container">
         <TableGrid tableConfig={this.config}/>
       </div>
     );
   }

Todo

* Server side pagination
* Drag and drop re-order
* Tree views 

Contribution

I am welcoming everyone whosoever interested to build this simple tableGrid into super tableGrid. Please fork this repo and implement your changes, submit pull request.

Development

sudo npm install -g create-react-app newApp copy the libs folder from this repo and make your changes to and push it.

License

ISC