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

ReactJS/React-Data-Grid rendering column changes

I'm quite new to ReactJS and to coding at all and I'm trying to render a react data grid with "react-data-grid". Now this grid consists of two arrays, a row array and a column array. Now I've created functions to push and pop the arrays to add or…
user10287995
0
votes
1 answer

react-data-grid: Sortable column header. What dictates which side of the text does the sort icon render on?

I've built out a react data grid. I've added the sortable optional feature and on my system is working with the sort icon(s) rendering to the right of the header text, which is how I'd prefer it. Others in my group have pulled my code when they run…
Maniaque
  • 712
  • 1
  • 7
  • 20
0
votes
0 answers

How to access the event in react function with parameters in curly braces?

I have got a function "handleGridRowsUpdated", I want to access the event in this function. I've tried passing the event to this function in various ways and also Googled it but didn't get any success. Below is the code snippet: class App extends…
Praveen Dabral
  • 2,449
  • 4
  • 32
  • 46
0
votes
1 answer

custom editor react-data-grid

I have weird issue when trying to create a custom autocomplete editor. Basicly what I've done is I've pulled the built-in AutocompleteEditor class and refactored it to plain ES6, and renamed the class to ProductSelectEditor. No modifications to…
L3p1
  • 96
  • 5
0
votes
1 answer

Create Dynamic Column in react.js

I'm trying to create a dynamic column in react.js any body have an idea? I've already done with the static column but I want to make them dynamic have a look on my code and please give me suggestion. import React from 'react'; import ReactDataGrid…
Muzammil
  • 1
  • 2
0
votes
1 answer

ReactDataGrid - Filter not working on particular column when its cell values are passed as DOM instead of strings

I am using React-data-grid with Filter options in the table. For some column cells, i am passing a DOM object (not as a string). And for this column, the filter functionality is not working. this._columns = [ { key:…
Lalith kumar
  • 103
  • 1
  • 6
0
votes
1 answer

Failed react-data-grid generation using create-react-app

I am a novice in today's technologies but am planning to use react-data-grid for a pet project. I am somewhat punch drunk trying to understand git, npm, react, react-data-grid, babel, webpack, javascript and, its variants... So I thought I would try…
Gordon
  • 23
  • 3
0
votes
1 answer

react-data-grid with pouchdb/couchdb

I would like to use pouchdb and react-data-grid together, but I am struggling to understand the right approach. pouchdb.allDocs to retrieve column definitions and the first batch of rows and then pouchdb.changes to accept updates from other…
Gordon
  • 23
  • 3
0
votes
1 answer

Is the autocomplete filter doesn't work for columns with numeric values in react-data-grid version 2.0.0?

I am trying to implement a dropdown filter(Singleselect/multiselect/autocpmplete) for a column in my table which contains numeric values for a use case, but in react-data-grid version 2.0.0 and react-data-grid-addons version 2.0.0 I am not able to…
Hemanshu Sethi
  • 139
  • 1
  • 1
  • 7
0
votes
1 answer

Filter option is not working React Data Grid

As React Data Grid had issues with server side rendering, it was giving an error "self is not defined" when I was doing the bundling of files. Inorder to fix that I used the following piece of code in my module which fixed it. var…
Rakesh Nallam
  • 235
  • 2
  • 6
  • 17
0
votes
1 answer

react-data-grid-addons: TypeError: Cannot read property 'Component' of undefined

I'm using react-data-grid-addons with react. When i run my project after installed this, I get an error and some other in react-data-grid-addons.js TypeError: Cannot read property 'Component' of undefined (function(module, exports,…
Foxes
  • 59
  • 1
  • 11
0
votes
1 answer

How do I run react-data-grid examples on jsfiddle?

I am trying to get a hang of react-data-grid and the examples on their page have a "play around with it" link that takes you to jsfiddle. For some reason, I am unable to see the output on jsfiddle. What would be a solution for this?
sudhanva
  • 699
  • 1
  • 7
  • 28
0
votes
2 answers

Sort by date in React data grid

Is there a sort by date in the React data grid? If so, how can this be called? In the examples, all sorting works only on the line: Example 1 Example 2 In example 2, there are columns with dates, but they are sorted as strings.
Tatyana
  • 9
  • 1
  • 6
0
votes
0 answers

Combining sorting and filtering into React data grid

Help me understand the filtering and sorting. I use the filtering from one example and the sorting from another example If you perform the following actions: Sort any column Remove the sorting Add a filter for any column Remove the filter If you…
Tatyana
  • 9
  • 1
  • 6
0
votes
1 answer

React data grid does not always show values on the last few columns

The smaller my screen size is, the more columns will not have values. As soon as I adjust the width of my screen manually (by dragging it larger or smaller), all the values will show up. This seems like a bug. I've attached 2 photos showing how…
Tyler Becks
  • 488
  • 4
  • 9
1 2 3
…
15
16