Excel-like grid component built with React, with editors, keyboard navigation, copy & paste
Questions tagged [react-data-grid]
231 questions
0
votes
1 answer
Inovua React Data Grid - change pre-built styling, like ellipsis padding
I'm using the Inovua React Data Grid for a project, and we are trying to make some subtle changes to increase the amount of data we can see on a smaller grid. We only have limited space, so we're trying to remove unnecessary clutter. I have been…
tprebenda
- 389
- 1
- 6
- 17
0
votes
1 answer
React Data Grid: Custom DropDown Editor: value is not getting updated. Grid is not getting enabled for editing
on react-data-grid 7.0.0-beta
I read through the most recent demos provided in git repo for react-data-grid and implemented a custom dropdown for my use case.
Dropdown seems to be working but it is not updating the grid data upon selection. The…
Pranay Nailwal
- 483
- 6
- 13
0
votes
0 answers
"clearAll" button in filter editor not working properly in remote filter mode
I'm having a problem with filtering in react data grid. When i change the remoteFilter = {true} for server-side filtering. The filter editor does not let me to handle clear and clearAll buttons. Also, it doesn't work properly in remote filter mode.…
msanli224
- 41
- 1
- 9
0
votes
1 answer
Get an error when passing parameters to a function
I'm trying to send a request to the function onGridRowsUpdated with my parameters but it is throwing me the error of
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or…
tutobello
- 3
- 2
0
votes
1 answer
Problem with ReactDataGrid and webpack transpile
I am trying to build a ReactDataGrid component. The jsx file for the component is copied from the data grid's website examples:
import React from 'react';
import ReactDataGrid from 'react-data-grid';
const columns = [
{ key: 'id', name: 'ID'…
J.T.
- 61
- 8
0
votes
1 answer
Editing only the real DOM on ReactJS in order to present a formated number/string maintaining the real number
Hi i'm new to ReactJS and i'm using it with ReactDataGrid, and i can't understand how can i change only the real dom value of a cell.
I have the following table:
And i want to change the price, instead of "3000000000" to "300M".
I have the JS…
Miguel
- 49
- 1
- 7
0
votes
1 answer
Can Someone help me to convert typescript code to React Code
There is a package called react-data-grid. And there is an example table on that particular package but the code is in TypeScript and also docs for this particular version are not there. I tried to convert the typescript to React. Everything was…
Yash
- 198
- 1
- 12
0
votes
1 answer
Loop through array using Map in React throw error
I have a functional component which is reading data from an API. I have defined an Interface but unable to loop and display in table using Map in react.
error
index.js:1 Warning: Each child in a list should have a unique "key"…
K.Z
- 5,201
- 25
- 104
- 240
0
votes
1 answer
dataSourceChanged event not triggered
I pulled the example repo to codesandbox.io and trying to trigger dataSourceChanged event pushing ui buttons like "Update", "Add" and logging the state variable to the console (lines 41-42 of App.tsx):
function dataSourceChanged(state: any) {
…
Pozdniakov Filipp
- 170
- 5
0
votes
1 answer
Flatten object type with array property in typescript react for output to react-data-grid
Apologies in advance if this has already been answered, but I am struggling to find an answer to it...
I have an array which contains a 2 d array property.
What I want returned is a type which contains has the inner array as a flat object.
So for…
Stephen Dye
- 23
- 2
0
votes
1 answer
error serving react app using react-app-wired
I have a react application created with create-react-app using react-data-grid@7. Since canary17 they started to use es2020 modules, to using the more recent builds I have to add support to optional-chaining and nullish-coalescing-operator to the…
Luca Morelli
- 2,530
- 3
- 28
- 45
0
votes
0 answers
How to transfer props (column, value, ...) to a custom editor?
I'd like to pass the props (value, column, ...) to a custom editor in react-data-grid. The custom editor is Slider from @material-ui.
The different necessary methods of the API have been implemented. But I can't get the props from the…
parice02
- 13
- 5
0
votes
3 answers
How to have multi line cell in React data grid
Currently using react-data-grid and it only shows a single line text, however I am trying to display multi line text.
sandbox:
https://codesandbox.io/s/5vy2q8owj4?from-embed
user11657234
0
votes
1 answer
renderBaseRow undefined on RowRenderer
I'm tring to write a customRowRendered for reactDataGrid but it is not well intepreted.
import React, { Component } from "react"
import ReactDOM from "react-dom";
import PropTypes from 'prop-types';
import ReactDataGrid from 'react-data-grid'
const…
0
votes
1 answer
react hooks axios call failing to load grid
I have the following code but my Grid does not load with the following code, no error though. I believe it is due to the asynchronous axios call, but I am unable to figure out how to get away with it.
import React, { useState } from "react";
import…
user2281858
- 1,957
- 10
- 41
- 82