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
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.
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:…
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…
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