Excel-like grid component built with React, with editors, keyboard navigation, copy & paste
Questions tagged [react-data-grid]
231 questions
2
votes
2 answers
Excel like copy paste feature for adding data into grid using react and grid library
I am creating a kind of excel online application using react in frontend, Java in backend and Postgres database.I am using a library called ag-grid (community edition).
Now one of the feature i need is to copy and paste data in to rows
just as we…

AConsumer
- 2,461
- 2
- 25
- 33
2
votes
1 answer
react-data-grid AutoCompleteEditor not working
import React, {Component} from 'react'
import ReactDataGrid from 'react-data-grid'
import update from 'immutability-helper'
import { Editors, Formatters } from 'react-data-grid-addons'
const {AutoComplete, AutoCompleteEditor, DropDownEditor} =…

Rounak Jain
- 409
- 1
- 5
- 18
2
votes
0 answers
How do you test your app with React-data-Grid ?
I am trying to test my apps which used React-Data-Grid with the npm package react-test-renderer but it fails.
for example, I have copied the the basic example in a file Example.js…

ka f
- 31
- 5
2
votes
2 answers
How could i change my state from getCellActions
I am new in react. For my project i want to change my state by clicking an icon from table which will change my state. I am using getCellActions (react-data-grid). How could I pass my custom function alone with column and row object.
Thanks in…

ANIK ISLAM SHOJIB
- 3,002
- 1
- 27
- 36
2
votes
4 answers
How to hide a column in react-data-grid
I tried to hide 'id' column in react-data-grid. I use
hidden:true
in that column but it hides only row value not column. I need the 'id' when editing the row value to send it to the response. Code is given below.
createColumns = async (data) =>…

Md Isfar Uddin
- 692
- 11
- 19
2
votes
0 answers
Is it possible to programatically set a filter in react-data-grid?
I'm using react-data-grid with filters. It's all working just fine with a bunch of custom filters.
What I'd like to add now is a feature whereby in response to a user selecting an item in the grid, automatically set the filter to show only rows with…

Ian Bale
- 191
- 9
2
votes
0 answers
React Data Grid using row drag and drop and Drag Columns to Reorder features togather
I am trying to use React Data Grid in my project and I want to use row drag and drop and Drag Columns to Reorder features together.
I tried to do this by passing draggable: true for ReactDataGrid column property and wrapping the ReactDataGrid and…

dinidu
- 230
- 2
- 7
2
votes
2 answers
react-data-grid headerRenderer Sorting
How is sorting and filtering implemented when using a custom header cell in the react-data-grid?
{
key: "myColumn1",
name: "My Column Name",
headerRenderer: this.renderHeader,
sortable: true,
filterable: true
},
{
key: "myColumn2",
…

user2052618
- 556
- 2
- 7
- 20
2
votes
0 answers
How to filter with Enter key in React Data Grid
How to filter React Data Grid when the user hits the Enter key?
The event handler of filtering gets the filter passed to it but not the event itself.

noureldin275
- 67
- 6
2
votes
1 answer
React-data-grid as React beginner
I have a task to create an app that looks like this. As a javascript developer I said it is a good opportunity to learn ReactJS. I did some ReactJS tutorials and also have some basic knowledge of npm but the Getting started page isn't very talkative…

David
- 21
- 3
2
votes
4 answers
Alter Column Header height
We are using react-data-grid (adazzle), and would like to do some styling adjustments to the table header.
We would like to adjust the headers so that they are about twice the hight of the rows in our table, like so :
I am guessing that we would…

Oliver Watkins
- 12,575
- 33
- 119
- 225
2
votes
1 answer
React Data Grid Filter on Component
I'm trying to create a component called table so I can reuse it. I pass the rows and the columns throw the parent as properties. Everything is ok it display the rows and columns, it displays the filters but when I enter some value on the filters.
It…

Diego Unanue
- 6,576
- 8
- 47
- 67
1
vote
0 answers
Sort/filter does not work on the same column
When i try to apply sort/filter in same column it is not rendering the sort properties. If i remove my filterRenderer then sort is working properly. I am using react-data-grid by adzalle.
Here is piece of code:-
{
key:…

Rohit Khalkho
- 11
- 2
1
vote
1 answer
All rows getting selected when clicking on one using React Data Grid
All rows getting selected when clicking on one check box using React Data Grid.
The selected state is initialized as an empty array ([]) instead of a boolean value (false). The onSelectionChange function sets the selected state to an array of…

Akshay bhasin
- 11
- 1
1
vote
0 answers
Adding sortInfo and/or filterValue to DataGrid breaks sorting/filtering functionality
I am trying to add some 'save preferences' functionality to a DataGrid using https://reactdatagrid.io/docs/miscellaneous but when I add sortInfo makes columns unsortable, the same happens for filterValue (trying to save filtering strings/data). Code…

andrei bulai
- 33
- 1
- 3