How to use the react-data-grid/addons.Data.Selectors function in react-data-grid
To help you get started, we’ve selected a few react-data-grid examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
fikrimuhal / animated-potato / app / src / pages / QuestionList / index.js View on Github 
import {Table} from 'material-ui/Table';
import ReactDataGrid from 'react-data-grid';
import { Toolbar, Data } from 'react-data-grid/addons';
import IconMenu from 'material-ui/IconMenu';
import FontIcon from 'material-ui/FontIcon';
import IconButton from 'material-ui/IconButton';
import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
import MenuItem from 'material-ui/MenuItem';
import _ from 'lodash'
import TextField from 'material-ui/TextField';
import { Link ,browserHistory} from 'react-router'
import Checkbox from 'material-ui/Checkbox';
const Selectors = Data.Selectors;
const log = log2("Question List")
//log("Question List",Data)
var rows = db.getQuestionsFromStorage();
export class detailButton extends React.Component {
constructor(props) {
super(props)
}
render(){
return(
<div>
Detay
</div>
)require("!style!css!react-data-grid/themes/react-data-grid.css")
import { Link } from 'react-router'
import RaisedButton from 'material-ui/RaisedButton';
import {db,log2,util} from '../../utils/'
import {Table} from 'material-ui/Table';
import ReactDataGrid from 'react-data-grid';
import { Toolbar, Data } from 'react-data-grid/addons';
import IconMenu from 'material-ui/IconMenu';
import FontIcon from 'material-ui/FontIcon';
import IconButton from 'material-ui/IconButton';
import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
import MenuItem from 'material-ui/MenuItem';
import _ from 'lodash'
import TextField from 'material-ui/TextField';
const Selectors = Data.Selectors;
const log = log2("Admin Profile")
//log("Admin Profile")
const styles = {
customWidth: {
width: 150,
},
};
var questionSetInstance;
class ButtonsColFormatter extends React.Component{
constructor(props){
super(props)
util.bindFunctions.call(this,['onClick'])
}import ReactDataGrid from 'react-data-grid';
import {Toolbar, Data} from 'react-data-grid/addons';
import FlatButton from 'material-ui/FlatButton';
import DeleteIcon from 'material-ui/svg-icons/action/delete';
import ViewIcon from 'material-ui/svg-icons/action/visibility';
import GavelIcon from 'material-ui/svg-icons/action/gavel';
import {browserHistory} from 'react-router'
import CircularProgress from 'material-ui/CircularProgress';
import LinearProgress from 'material-ui/LinearProgress';
import * as Cache from '../../utils/cache'
import * as api from '../../utils/api'
import moment from 'moment'
import * as _ from 'lodash'
require("!style!css!react-data-grid/themes/react-data-grid.css");
const Selectors = Data.Selectors;
const log = log2("User List")
var columns = [
{
key: 'id',
name: 'NO',
width: 50,
resizable: false
},
{
key: 'fullName',
name: 'Full Name',
filterable: true,
sortable: true,
width: 170,
resizable: trueimport FlatButton from 'material-ui/FlatButton';
import QuestionSetCreateToolbar from './SetCreateToolbar'
import * as s from '../../layouts/style'
import * as api from '../../utils/api'
import IconDone from 'material-ui/svg-icons/action/done';
import IconClose from 'material-ui/svg-icons/content/clear'
import * as util from '../../utils/utils'
import * as db from '../../utils/data'
import {QuestionSetAPI} from '../../utils/api'
import * as _ from 'lodash'
import BookmarkIcon from 'material-ui/svg-icons/action/bookmark'
//css referenaces
require("!style!css!react-data-grid/themes/react-data-grid.css")
//const and variable
const Selectors = Data.Selectors;
const log = log2("ListOfQuestionSet")
var questionSetInstance;
var columns = [
{
key: 'id',
name: 'Set ID',
width: 50,
filterable: false,
resizable: false
},
{
key: 'title',
name: 'Question Set Title',
sortable: true,require("!style!css!react-data-grid/themes/react-data-grid.css")
import { Link } from 'react-router'
import RaisedButton from 'material-ui/RaisedButton';
import {db,log2,util} from '../../utils/'
import {Table} from 'material-ui/Table';
import ReactDataGrid from 'react-data-grid';
import { Toolbar, Data } from 'react-data-grid/addons';
import IconMenu from 'material-ui/IconMenu';
import FontIcon from 'material-ui/FontIcon';
import IconButton from 'material-ui/IconButton';
import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
import MenuItem from 'material-ui/MenuItem';
import _ from 'lodash'
import TextField from 'material-ui/TextField';
const Selectors = Data.Selectors;
const log = log2("Question Set Details")
//log("Question Set ReactDataGrid",Data)
const styles = {
customWidth: {
width: 150,
},
};
var questionSetInstance;
class ButtonsColFormatter extends React.Component{
constructor(props){
super(props)
util.bindFunctions.call(this,['onClick'])
}import {Toolbar, Data} from 'react-data-grid/addons';
import FlatButton from 'material-ui/FlatButton';
import DeleteIcon from 'material-ui/svg-icons/action/delete';
import ViewIcon from 'material-ui/svg-icons/action/visibility';
import GavelIcon from 'material-ui/svg-icons/action/gavel';
import ClearIcon from 'material-ui/svg-icons/content/clear'
import {browserHistory} from 'react-router'
import CircularProgress from 'material-ui/CircularProgress';
import LinearProgress from 'material-ui/LinearProgress';
import * as Cache from '../../utils/cache'
import * as api from '../../utils/api'
import moment from 'moment'
import * as _ from 'lodash'
require("!style!css!react-data-grid/themes/react-data-grid.css");
const Selectors = Data.Selectors;
const log = log2("Staff List")
var columns = [
{
key: 'id',
name: 'NO',
width: 50,
resizable: false
},
{
key: 'fullName',
name: 'Full Name',
filterable: true,
sortable: true,
width: 170,
resizable: trueimport React from 'react';
import {log2, util} from '../../utils/';
import * as db from '../../utils/data';
import ReactDataGrid from 'react-data-grid';
import {Toolbar, Data} from 'react-data-grid/addons';
import FlatButton from 'material-ui/FlatButton';
import DeleteIcon from 'material-ui/svg-icons/action/delete';
import ViewIcon from 'material-ui/svg-icons/action/visibility';
import {browserHistory} from 'react-router'
import CircularProgress from 'material-ui/CircularProgress';
import * as Cache from '../../utils/cache'
require("!style!css!react-data-grid/themes/react-data-grid.css");
const Selectors=Data.Selectors;
const log=log2("ParticipantList");
var columns=[
{
key: 'id',
name: 'NO',
width: 70,
resizable: false
},
{
key: 'fullName',
name: 'Full Name',
filterable: true,
sortable: true,
width: 200,
resizable: true
},react-data-grid
Feature-rich and customizable data grid React component
