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
1 answer

How is @types/react-data-grid updated to be in sync with the react-data-grid repo?

In the React-Data-Grid repo, I see export interface DataGridProps { columns: ColumnList; (...) rowRenderer?: React.ReactElement | React.ComponentType; rowGroupRenderer?: React.ComponentType; (...) and export default class ReactDataGrid…
evianpring
  • 3,316
  • 1
  • 25
  • 54
1
vote
1 answer

How do I change the height of the HeaderCell in React-Data-Grid?

Here is a basic grid in CodeSandbox. When I define my columns object, for one of the columns I pass in the property headerRenderer as a simple React Component showing some text and a red background. I made the height 100 on this component so it…
evianpring
  • 3,316
  • 1
  • 25
  • 54
1
vote
1 answer

react-data-grid, cannot read property 'map' of undefined

I am attempting to create a data table with react-data-grid with my own data. First I attempted to recreate the getting started example and I get the error "TypeError: Cannot read property 'map' of undefined" at …
Alyssa
  • 43
  • 1
  • 6
1
vote
0 answers

Simple sorting example

Is there a better explanation on how to implement sorting in React-Data-Grid? The example on the website is utterly confusing. https://adazzle.github.io/react-data-grid/docs/examples/column-sorting Nothing is explained, and the example deals with…
Oliver Watkins
  • 12,575
  • 33
  • 119
  • 225
1
vote
0 answers

Why would rowGetter be called with argument of -1?

I sometimes see rowGetter called with an argument of -1. Why would that happen? rowsCount is >0. This is a typical React/Redux app, debugging in vscode. How can I get it to use a non-minified version of react-data-grid so that I have some hope of…
lordbah
  • 313
  • 1
  • 2
  • 12
1
vote
1 answer

How do you get rid of the console warning “Undefined” when using the React Data Grid

I'm using React Data Grid(https://adazzle.github.io/react-data-grid/) a few times in my app. I've noticed that there is a console warning for a prop "Undefined", that prints even when only using the minimum required props. minimal, reproducible…
YoyoO
  • 71
  • 6
1
vote
1 answer

Parse list type data into different format to make compatible for spreadsheet

I am new in JavaScript and react If can't explain the problem correctly, please post a comment so at least I can tell more. Thanks a million in advance will appreciate if anyone can give me a little help I've been stumped on this for hours and…
Rubel Sarker
  • 49
  • 1
  • 1
  • 10
1
vote
1 answer

Does react data grid custom formatter work with custom editor at the same time?

Goal: Currently using react data grid, I want to keep user input in unified MM/DD/YYYY using the date picker (custom editor), and formats in user browser locale (custom formatter), is it possible to achieve. (If I converts at the date picker format,…
MJ Tsai
  • 161
  • 1
  • 13
1
vote
1 answer

Keyboard navigation on react data grid custom editor with semantic ui calendar date picker

Goal: Enable keyboard navigation for the Semantic calendar date picker work with react data grid custom editor Built Demo: Third column for date picker https://codesandbox.io/embed/8l4jkor19 Current behavior: double click on date cells pop up the…
MJ Tsai
  • 161
  • 1
  • 13
1
vote
1 answer

Change MongoDB natural order, generate _id manually and sort by _id, insert rows between two rows implementation (React Data Grid )

I am working on an Excel like webApp, and I want to implement a function to let user insert rows freely. I can easily modify frontend to visualize where to insert by splice and selected row id, but our backend is using mongoDB that generates _id and…
MJ Tsai
  • 161
  • 1
  • 13
1
vote
0 answers

React-Data-Grid MulitSelect Filter

Can someone explain what setFilters is doing here I don't understand how it's declared and what it's doing. I'm trying to implement react-data-grid. I can get one column to filter but when I select another it overwrites the previously save filter…
Adam Bradbury
  • 91
  • 2
  • 11
1
vote
0 answers

Using a global filter field instead of a per column filter

Assessing React-data-grid, I see the filter example puts a filter field on each column. Is it possible to implement a global filter field for the whole table? Demo http://adazzle.github.io/react-data-grid/docs/examples/column-filtering
nullsteph
  • 791
  • 15
  • 28
1
vote
1 answer

How to disable default title in react-data-grid

react-data-grid is having default tooltip to each cell. It adds the title attribute automatically. I don't want that tooltip, how can I hide it? Also, I don't want to use custom formatter. I think it will be overhead. e.g Try to hover on any…
Saurabh Bayani
  • 3,350
  • 2
  • 25
  • 44
1
vote
0 answers

Show custom message inside react data grid

I want to show message inside react-data-grid when no data to be found for render. I do not find any props to support that feature. There are method which can be used to render custom HTML for row and column but I want to show message in absolute…
Jitender
  • 7,593
  • 30
  • 104
  • 210
1
vote
1 answer

react-data-grid x-axis scroll issue

react data grid x-axis scroll not working on browser(crome), my current(70.0.3538.77) version (crome) but working on previous version(69.***). But working fine with other browser. My React Version is "react": "16.4.1", React-data-grid version is…
ANIK ISLAM SHOJIB
  • 3,002
  • 1
  • 27
  • 36
1 2 3
…
15 16