Excel-like grid component built with React, with editors, keyboard navigation, copy & paste
Questions tagged [react-data-grid]
231 questions
0
votes
1 answer
adding Chip to material ui DataGrid Column
I am trying to show data of a Column inside chip
I tied to implement Chip to
code : https://stackblitz.com/edit/react-hymlnb?file=demo.tsx
webLink : https://react-hymlnb.stackblitz.io
I tried to implement using
import Chip from…
Anurag Ranjan
- 1
- 2
0
votes
0 answers
ReactDataGrid - focus filter editor by keyboard press hotkey
Hi How i can do this on ReactDataGrid (
inovua/reactdatagrid
```)
i try set the ref props to filter editor
0
votes
0 answers
How to render inovua/reactdatagrid inside a div with absolute position?
I am trying to render inovua/reactdatagrid inside the popover component of headless-ui that has absolute position, which is not working.
I tried to use a separate div to render the grid but it does not show up on ui, if the div has absolute or fixed…
Sumit Khaitan
- 1
- 1
0
votes
0 answers
ReactDataGrid - Make column re-orderable
I am using ReactDataGrid in my application.
Now I have a requirement that user should re-order columns as per his choice.
How can we achieve this ?
Chidananda Behera
- 133
- 4
- 12
0
votes
0 answers
DataGrid React returning only the very last row
I am working with DataGrid react and I have somewhat of 3500 rows returned from my API call and I want to display these rows in my DataGrid. Mind you I have other similar tables with ~equal number of rows that populate fine. Does DataGrid sometimes…
Rediet Girma
- 1
- 2
0
votes
0 answers
Child grid collapsing after rerender
I have a materialized view (parent grid) and a heavy request, which i want to perform each time a row is expanded.
How to keep the rows of child grid expanded when requesting data with detailDataBound…
Philipp
- 31
- 3
0
votes
0 answers
How to Change The Step Value on NumberFilter in ReactDataGrid
I am trying to use the NumberFilter for a continuous numeric field with values between 0-1, and I would like to have 0.1 increments on the filter on ReactDataGrid component. However, the default seems to be increments by 1, despite manually entering…
Agunduz
- 21
- 4
0
votes
0 answers
ReactDataGrid get active row data on keyboard navigation
I am trying to extract data from the active row (not the selected row) on a ReactDataGrid.
Note that active row can be changed by using up/down arrow keys and you can make the active row to selected row by pressing enter key.
As I see on the…
Leni
- 653
- 1
- 6
- 23
0
votes
0 answers
React Data Grid Adazzle Copy From Excel and Paste
Try to copy paste from excel file directly to ReactDataGrid, the onPaste Event is not getting triggered immediately. It is working only after doing a copy within the grid.
raghul
- 1,008
- 1
- 15
- 33
0
votes
1 answer
Removing filter options from React Data Grid
How can I remove filter options from React Data Grids filters? For example when I do FilterEditior: SelectFilter it shows "Contains", "Does not contain", "Equal" etc but I only want the filtering options to be "Contains" and "Equal". I can only find…
ohvictah
- 3
- 1
0
votes
1 answer
react-data-grid callback function on edit
Example of my code is here: https://codesandbox.io/s/react-data-grid-example-nqylyb
Library URL: https://github.com/adazzle/react-data-grid
I cant seem to find a hook/callback that triggers on a cell edit in the documentation? Am I missing…
jahkoora
- 58
- 5
0
votes
1 answer
react-data-grid 7.0.0 beta.12 ShowCheckbox not working. How to render a checkbox?
I have tried to get showCheckbox to work with no success.
I setup this installed "react-data-grid": "^7.0.0-beta.12",
The Checkbox column simply does not appear.
Can anyone help?
Code that I used in App.js
waffle
- 1
0
votes
1 answer
Render custom menu filter icon
Is there a way to render a custom icon for the column filter menu? I found the prop renderMenuTool (https://reactdatagrid.io/docs/api-reference#props-renderMenuTool) to render a custom column context menu icon, but I need a similar one for the…
Daniel Contreras
- 1
- 1
0
votes
1 answer
In Chromium browsers React data table, right side columns flicker on a small screen or resizing a browser
I am using the Npm package React data grid https://github.com/adazzle/react-data-grid to bind data.
Issue example
https://codesandbox.io/s/react-data-grid-example-9sb93?file=/src/App.tsx
In a small screen size system or resizing the browser, the…
Amit Singh Rawat
- 559
- 1
- 9
- 27
0
votes
1 answer
Inovua React Data Grid - can't set textAlign column property (typescript)
I am currently using Inovua RDG and am trying to center the content of each grid cell, but am getting a frustrating typescript error:
Type '{ name: string; header: string; textAlign: string; defaultFlex: number; defaultVisible?: undefined; }' is not…
tprebenda
- 389
- 1
- 6
- 17