How to use the react-data-grid-addons.Data 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 DefinitelyTyped / DefinitelyTyped / types / react-data-grid / v2 / react-data-grid-tests.tsx View on Github external
import * as React from 'react';
import ReactDataGrid = require('react-data-grid');
import * as ReactDataGridPlugins from 'react-data-grid-addons';
import faker = require('faker');

var Editors = ReactDataGridPlugins.Editors;
var Toolbar = ReactDataGridPlugins.Toolbar;
var AutoCompleteEditor = Editors.AutoComplete;
var DropDownEditor = Editors.DropDownEditor;
var { Selectors } = ReactDataGridPlugins.Data;

class CustomFilterHeaderCell extends React.Component {
   state = {
       filterTerm: ""
   };
   handleChange(e: any) {
       let val = e.target.value;
       this.setState({filterTerm: val});
       this.props.onChange({filterTerm: val, column: this.props.column});
   }
   render() {
       return (
           <div>
               <input value="{this.state.filterTerm}" type="text"> this.handleChange(e)} /&gt;
           </div>
       );

react-data-grid-addons

A set of addons for react-data-grid

MIT
Latest version published 4 years ago

Package Health Score

71 / 100
Full package analysis