Stack Overflow
Stack Overflow

Questions tagged [react-data-grid]

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste

Docs http://adazzle.github.io/react-data-grid/#/

Source https://github.com/adazzle/react-data-grid

231 questions
1
vote
2 answers

react-data-grid cannot read property 'length' of undefined

I'm trying to create a table on my website using react-data-grid and getting the error of length of undefined. I have two other files for columns and rows, where I include them in the state.
Clayton Crockville
  • 189
  • 11
1
vote
2 answers

adding a row to the react table by clicking a button

I am looking to add a new row to the existing table. Is there any way achieving that I have read the api of the reactdatagrid but no luck in finding it. any other way of doing this?
Nick
  • 57
  • 1
  • 7
1
vote
0 answers

React-data-grid sorting is not working for row selection checkbox column

I select the first record and do sorting but the respective row selection checkbox is not changed its order. refer example here, https://codesandbox.io/s/rdg-column-sorting-forked-35p6d Refer attached screenshot Version - : "react":…
ranjit redekar
  • 919
  • 1
  • 12
  • 24
1
vote
0 answers

Unwanted scrollbar in column header of react-data-grid

Issue In the header of my react-data-grid table, an unwanted scrollbar appears. This doesn't happen for most examples I ahve seen. The scrollbar is unnecessary and distracting. I've found issues where people want to remove vertical scrollbars, but…
Campo Blanco
  • 37
  • 1
  • 6
1
vote
1 answer

How to convert it to react functional component

I have this from react-data-grid I already convert it to functional component but I am stuck at when I change the content of a row the changes will take effects original onGridRowsUpdated = ({ fromRow, toRow, updated }) => { …
maher ben abdesslam
  • 65
  • 2
  • 11
1
vote
1 answer

Enable to update my table after an edit with react data grid

So I'm trying to use react-data-grid and I'm facing a problem with the cell editing. What I'm trying to do is to edit a cell and then update the cell to show the new value. I tried all the examples on the React data grid website and none of them…
Simon Hamelin
  • 11
  • 2
1
vote
1 answer

React-Data-Grid only displays 9 rows

I am loading a react-data-grid with a data source that is populated row by row (a row is added once a second). Once it gets to 9 rows it stops adding rows. I am also having another problem where the grid will not show up until I change the zoom on…
Brian Kalski
  • 897
  • 9
  • 35
1
vote
1 answer

.NET core 3.1 react-data-grid tutorials/examples

I have a .net core 3.1 react web application. I'm interested in utilizing adazzle's react-data-grid but I have not been able to locate any example implementations. Are there any examples for react-data-grid in .net core? I'm familiar with jquery…
user2370664
  • 381
  • 5
  • 8
  • 30
1
vote
1 answer

React-data-grid - Changing cell value using global variable upon

I'm trying to create a certain functionality in my react-data-grid. I have a column called subStart, and I have a dropdown that I want to use so that the user can set the value of a cell to the value of a state variable (this.state.timeTotalSec). So…
KyleCraig
  • 25
  • 1
  • 4
1
vote
1 answer

Does react-data-grid 7.0 fix draggable column resizing issue?

We have been waiting for the draggable column resizing issue to be fixed for close to 6 months…
Thrashed Potatoes
  • 11
  • 3
1
vote
1 answer

React js error TypeError: React.memo is not a function

I am new in react js just now I have a install data-table component using npm install react-data-table-component styled-components and apply its basic example but its give me error TypeError: React.memo is not a function I have try to google its…
Priyanka Sankhala
  • 808
  • 1
  • 9
  • 25
1
vote
0 answers

How to perform editing and filtering option with react hooks in React Data Grid

I wanted to know how to perform the filtering and editing option in react-data-grid library where the state (useState) holds the row data. It's easy to perform the editing option but I found filtering quite difficult. I was able to change the code…
Aashay Amballi
  • 1,321
  • 3
  • 17
  • 39
1
vote
2 answers

Why aren't these react-data-grid columns resizable?

I'd like to have a react-data-grid with editable data and resizable columns. Only the last column of my example can be resized. I have combined 'Basic Editing' and 'Column Resizing' from…
Jean Flower
  • 71
  • 5
1
vote
1 answer

Unable to install from forked github repo using npm

I want to fork React Data Grid repo on Github, make some changes and install it in my react app. I have added name, version, and description attributes in repo's package.json I have tried to install it via npm install username/repo_url#branch It…
piby180
  • 388
  • 1
  • 6
  • 18
1
vote
0 answers

How can a React method bound in constructor lose it's boundedness when passed as parameter?

Here is the codesandbox for this question: https://codesandbox.io/s/rdg-grouping-81b1s I am using React-Data-Grid to render a table. I render a ReactDataGrid with two columns, and When you click on the text GROUP in a header cell you group by that…
evianpring
  • 3,316
  • 1
  • 25
  • 54
1 2 3
…
15 16