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

React data grid autocomplete editor throwing invalid prop error for null fields

My react data grid component has an autocomplete editor on a field. When a cell contains a value and is clicked in, the drop down and type-to-select work as expected. When the cell contains a null value, clicking in the cell throws the following…
waffle
  • 43
  • 1
  • 5
1
vote
0 answers

How to add custom format for selected cell in react-data-grid?

Documentation addresses only the event handling https://adazzle.github.io/react-data-grid/#/examples/cell-selection-events. Are there any CSS classes that are assigned to the selected cell? Currently the selected cell has pale blue border but I…
TomR
  • 2,696
  • 6
  • 34
  • 87
1
vote
2 answers

How do i get a handle of the "Select All" checkbox in react-data-grid

I want to write some custom logic when the "select all" checkbox is checked in the react-data-grid. So how do i get a handle of that "select all" checkbox when the user clicks on it? Here is the link to some of the react-data-grid examples…
roV
  • 11
  • 1
  • 4
1
vote
0 answers

Using connect and mapStateToProps not providing the updated state

I am using react-data-grid and redux store to save the data user inputs on the grid/table. To access the current state, I am using props from the mapStateToProps method. But mapStateToProps is not providing the updated state. Refer: Line numbers 151…
rupav jain
  • 645
  • 1
  • 7
  • 13
1
vote
1 answer

A checkbox data type and showing more than one row per "row" (in Adazzle react-data-grid)

We'd like to use React Data Grid from Adazzle (as mentioned in the tag with this question) now that we're using React (16.xx) and the older jsGrid is less appealing. Two questions: Our old jsGrid had a data type to include in the grid called…
PKHunter
  • 682
  • 2
  • 13
  • 28
1
vote
2 answers

How to dispatch an action from the column formatter component of react-data-grid

I need to dispatch an action for deleting a row entry when a custom formatted delete button is clicked
Harikrishnan
  • 1,097
  • 8
  • 13
1
vote
0 answers

react-data-grid jsfiddles not working

I'm trying for hours and I can't get react-data-grid to running. It must be told that I'm new to react! And in that the documentation is very poor, this is very challenging for me. If only their jsfiddles would work. None of them do! I found a…
primarykey123
  • 137
  • 1
  • 9
1
vote
1 answer

Adazzle Grid OnEdit change cell Css

For react, is it possible to change the cell color for a component? I know it is way super easy can be done in Jquery by looking at the id/class of the element and do an addClass, but how to do it on react? I'm still figuring it out the changes, …
Se0ng11
  • 2,303
  • 2
  • 26
  • 45
1
vote
2 answers

How do you select a single cell with react-data-grids and use the data in that cell elsewhere

I have a populated grid by using react-data-grids by addazle and I'm trying to select a cell and have a modal pop up with the data from that cell. I have enableCellSelect={true} and I know I needd to use a React.createClass but I'm not sure where…
yabna
  • 99
  • 3
  • 13
1
vote
1 answer

React Data Grid Multiselect filter alignment issue

When we select multiple filter options in React Data Grid, the column headers are getting messed up. Is there a way to fix this issue so that the selected filter options appear above a line in a dropdown instead of getting added to column header.…
Rakesh Nallam
  • 235
  • 2
  • 6
  • 17
1
vote
1 answer

react-data-grid: createElement type is invalid with typescript & webpack externals

Hi guys I'm trying to set both the react-data-grid and react-data-grid-addons libraries as externals in webpack, so they don't get included in my asset bundling. I had everything working before I tried to move it all to the externals part of…
Eadwine
  • 65
  • 9
1
vote
2 answers

Frozen Columns jitter on horizontal scroll in react-data-grid

I am using the react-data-grid. When i load the grid in mobile the frozen column flickers on horizontal scroll. This is the link to reproduce the error. http://adazzle.github.io/react-data-grid/examples.html#/fixed-cols. Just load the grid in mobile…
Ankit
  • 31
  • 4
1
vote
0 answers

React-Data-Grid render object issue

I'm trying to use ReactDataGrid for my web application. But I'm living issue while rendering. I have Cluster objects to be rendered. Clusters can be choosen one by one by click or there is also select all feature. When I click the select-all button,…
Ali Zeynalov
  • 2,867
  • 8
  • 30
  • 54
1
vote
3 answers

How to expand/collapse row details?

How can I implement row details and expanding/collapsing of custom details component using react-data-grid? I have table of users and I want to be able to see user details after click/double click on the user row. Something like this:…
kzg
  • 780
  • 9
  • 22
1
vote
2 answers

javascript - ES6 syntax

While checking the source of one open source project (react data grid), I've stumbled upon this syntax which I couldn't wrap my head around: class EditorBase extends React.Component { getStyle(): {width: string} { return { width:…
Vano
  • 1,416
  • 1
  • 13
  • 26
1 2 3
…
15 16