/Javascript/React/React-data-table-component cell action

React-data-table-component cell action

const columns =  [
  {
    cell:(row) => <button onClick={this.clickHandler} id={row.ID}>Action</button>,
    ignoreRowClick: true,
    allowOverflow: true,
    button: true,
  },
  {
    name: 'ID',
    selector: 'ID',
    sortable: true,
    grow: 2,
  },
  {
    name: 'Name',
    selector: 'name',
    sortable: true,
    grow: 2,
  }
  ]
  
   clickHandler = (state) => {
    debugger;
    console.log(state.target.id);
  };

Similar codes

7 votes167 views2 answers
React native rename
Javascript React
0 vote179 views1 answer
React-native-restart
Javascript React
1 vote166 views1 answer
Get value of input element on button click react
Javascript React
4 votes158 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
2 votes175 views1 answer
React add gradient top to bottom
Javascript React
0 vote169 views1 answer
Styling scrollview height in react native
Javascript React
0 vote199 views2 answers
React composition
Javascript React
0 vote183 views1 answer
Storybook react router
Javascript React
1 vote184 views2 answers
React native modal
Javascript React
0 vote195 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React