Example remote data with filter

main.js

'use strict';

var React    = require('react')
var DataGrid = require('react-datagrid')

var columns = [
	{ name: 'id', title: '#', width: 150 },
	{ name: 'firstName'},
	{ name: 'lastName' },
	{ name: 'city', width: 200 },
	{ name: 'country', width: 200 },
	{ name: 'email'}
]

module.exports = React.createClass({

	render: function(){
		return <DataGrid
			dataSource='http://5.101.99.47:8090/1000'
			idProperty='id'
			columns={columns}
            
            onFilter={this.handleFilter}            
            liveFilter={true}
			style={{height: 500}}
		/>
	},
	handleFilter: function(column, value, allFilterValues){
		//reset data to original data-array
	    data = data1000

	    //go over all filters and apply them
    	Object.keys(allFilterValues).forEach(function(name){
    		var columnFilter = (allFilterValues[name] + '').toUpperCase()

    		if (columnFilter == ''){
    			return
    		}

    		data = data.filter(function(item){
    		    if ((item[name] + '').toUpperCase().indexOf(columnFilter) === 0){
    		        return true
    		    }
    		})
    	})

	    this.setState({})
	}    
})