How to use the react-data-grid-addons.Data.Selectors function in react-data-grid-addons

To help you get started, we’ve selected a few react-data-grid-addons 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 adazzle / react-data-grid / examples / scripts / example09-filterable-grid.js View on Github external
import React from 'react';
import ReactDataGrid from 'react-data-grid';
import { Toolbar, Data } from 'react-data-grid-addons';

import exampleWrapper from '../components/exampleWrapper';

const Selectors = Data.Selectors;

class Example extends React.Component {
  constructor(props, context) {
    super(props, context);
    this._columns = [
      {
        key: 'id',
        name: 'ID',
        width: 80,
        filterable: true
      },
      {
        key: 'task',
        name: 'Title',
        filterable: true
      },
github OpenNeuroOrg / openneuro / app / src / scripts / dataset / tools / table / tableeditor.js View on Github external
import React from 'react'
import PropTypes from 'prop-types'
import Reflux from 'reflux'
import actions from './tableeditor.actions.js'
import ReactDataGrid from 'react-data-grid'
import TableEditorStore from './tableeditor.store.js'
import { refluxConnect } from '../../../utils/reflux'
import { Data } from 'react-data-grid-addons'
const Selectors = Data.Selectors

class NoToolbar extends React.Component {
  componentWillReceiveProps(nextProps) {
    if (this.props.toggleFilter !== nextProps.toggleFilter) {
      this.props.onToggleFilter()
    }
  }
  render() {
    return <div>
  }
}

export default class TableEditor extends Reflux.Component {
  constructor(props) {
    super(props)
    refluxConnect(this, TableEditorStore, 'table')</div>