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.

github fikrimuhal / animated-potato / app / src / pages / QuestionList / index.js View on Github external
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>
    )
github fikrimuhal / animated-potato / app / src / pages / AdminProfile / index.js View on Github external
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'])
  }
github fikrimuhal / animated-potato / app / src / pages / UserList / index.js View on Github external
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: true
github fikrimuhal / animated-potato / app / src / pages / ListOfQuestionSet / index.js View on Github external
import 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,
github fikrimuhal / animated-potato / app / src / pages / QuestionSetDetails / index.js View on Github external
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'])
  }
github fikrimuhal / animated-potato / app / src / pages / StaffList / index.js View on Github external
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: true
github fikrimuhal / animated-potato / app / src / pages / ParticipantList / index.js View on Github external
import 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
    },