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
0
votes
2 answers

React-data-grid : Changing a row color depending on a value of the row

My component Test is called and gets in props an object containing datas from a mysql request (Select * from db.mytable). I store this.props.data in a state and render it in a ReactDataGrid. What I'm trying to do is to update and change color of a…
xaoc2nd
  • 95
  • 3
  • 11
0
votes
1 answer

Implement CSV download using current filters and sort

I need to implement a download feature. It will read the data in the react-data-grid (adazzle), respecting the current columns, filters and sort, and create an array json (or comma separated strings) I can then pass to the react-csv module. I have…
DSadaka
  • 76
  • 6
0
votes
2 answers

React Data Grid rows disappearing on dynamically providing height

I am trying to make RDG Table which can be expanded(for expansion i have used ReactGridLayout) in height & Width. I am using react-sizeme for dynamically providing height & Width to my component(in my case Example component). Now, Table is getting…
mukesh210
  • 2,792
  • 2
  • 19
  • 41
0
votes
2 answers

React Data Grid external data update

So I am almost certainly doing something wrong, and not understanding the underlying library here, but how do I make it so that I can update a row item externally to React-Data-Grid? example below, after 5s the first col of the first row is updated,…
DrogoNevets
  • 1,456
  • 3
  • 18
  • 34
0
votes
1 answer

AutoCompleteEditor(react-data-grid) not working in chrome

Actually,im working in reactjs.Imported the npm react-data-grid,in that im using a AutoCompleteEditor in a column to select the listed values. It was working fine before and now working in firefox etc.. Now,im not sure may be the chrome is updated…
Lenson
  • 1
  • 3
0
votes
1 answer

Hooks can only be called inside the body of a function component. But it's already in a function

I'm following the tutorial here: http://adazzle.github.io/react-data-grid/docs/examples/column-sorting and trying to implement react-data-grid as it provides me the functionality of doing sorting, tree kind of view for a particular cell etc. But I'm…
zubug55
  • 729
  • 7
  • 27
0
votes
1 answer

Semantic UI calendar react on react data grid custom editor lose focus?

After some investigation I think the problem might occur because react data grid is focus on cell and unchanged even the calendar pops out. However, many examples are using focus on input, not sure how to tweak the code and make it focus…
MJ Tsai
  • 161
  • 1
  • 13
0
votes
2 answers

How can i add more than one new Column to a React-Data-Grid?

Hi for A Project i need the user to select the Columns that should be displayed in the React Data Grid. Some Columns might be preset ,others may be added later. However i tryed, it won´t work for more than one added Column eventhough the state is…
Jonathan Schott-Vaupel
  • 1
  • 2
0
votes
1 answer

Does React-data-grid have a mechanism to handle pagination?

I didn't see anything in the docs for pagination. Is there a built-in mechanism for this, or would I have to implement it myself?
nullsteph
  • 791
  • 15
  • 28
0
votes
1 answer

Dynamically adding rows to React-data-grid

I just started exploring React-data-grid and I noticed you must set the rowCount, which made me wonder if dynamically adding more rows was possible. I'm using websockets to get data which will be added as rows to the table. This could be a deal…
nullsteph
  • 791
  • 15
  • 28
0
votes
0 answers

grid header is not moving with scroll bar

I am using react-data-grid package for grid in react.js. To add search option to all columns, I used react-data-grid-addons. Problem is that now the scroll bar is not working properly: grid header is not moving with the scroll bar.
shivangi
  • 13
  • 3
0
votes
0 answers

Custom row render on double click of row

My every row has detailed view associated with it. I want to switch between details view and row view when user double click on row. The constrain for me is I am not sure where I should defined the flag. As per my requirements the flag should be…
Jitender
  • 7,593
  • 30
  • 104
  • 210
0
votes
1 answer

Errors while using React Hooks with Electron JS and react-data-grid

I am trying to integrate react data grid with electron js and I am facing issues while using "useState". The console asks me to add error boundaries and adding that didn't help too. I searched for similar problems in stackoverflow and made sure that…
sdg
  • 3
  • 1
0
votes
1 answer

How to render from a different column instead of the first column

I've have a 50 column data-grid and i want to render a different column when component mounts. That means i want to render the data starting from another column. Like in below image, rather than starting from 1, i want to start it from 14 I've gone…
Nimesha Kalinga
  • 262
  • 4
  • 17
0
votes
2 answers

React Data Grid does not keep changes after un-filtering

I am new to ReactJS and I am trying to work with React Data Grid. When I filter my table, make a change to a cell, then unfilter the table, the change reverts back to its previous value. If I change const rows = this.state.rows.slice(0); to const…
Devin Tyler Cunningham
  • 1
  • 1
1 2 3
…
15 16