Questions tagged [react-table-v6]
47 questions
1
vote
2 answers
Expanded row getting collapsed on state update on react-table
How to stop the expanded React-Table row from collapsing on state change in-class component.
Please find the code link here https://codesandbox.io/s/agitated-dubinsky-t0hcn?file=/src/nestead-table/index.js
on selecting or unselecting the checkbox…
Ajay Shivanagol
- 37
- 1
- 8
1
vote
1 answer
Table Sorting with react-table-v6
I am trying to apply the sorting method to one of the columns in my table. That column is having numerical values and empty values ("--"). I would like to sort the values in ascending and descending manner. And I want all the empty values should go…
PRASANTH BATTULA
- 47
- 1
- 8
1
vote
0 answers
react table v6, Objects are not valid as a React child
I have a response from the API like this, https://codebeautify.org/jsonviewer/cbbfa709
why in react table v6 there is an error like this " Error: Objects are not valid as a React child (found: object with keys {branchStock, product, lastOrder,…
Muhamad Rahmat Setiawan
- 397
- 1
- 8
- 24
1
vote
0 answers
Cell validation for react data table
I want to have the required field validation for a custom cell, i have in my data table. With the getprops i am able to style the cell but how can i display like a helper text or error for that cell? Is there any example?
Example:
const columns = [
…
user3238844
- 11
- 1
1
vote
1 answer
TS2339: Property 'Cell' does not exist on type from @type/react-table in typescript
I use the @type/react-table to set up the column for my table and I have error on my IDE complain that Cell is not under correct type. I assume it is caused by Cell is optional type from @type/react-table how can I solve this?
//column.tsx
import…
jacobcan118
- 7,797
- 12
- 50
- 95
1
vote
0 answers
React-table grouping table column which has multiple values
I am using react-table-6, I am trying to group my table data with pivot grouping. I have got to work to some extent, but my requirement is different. I have given my requirement in the GitHub link.
Can you help me in grouping the data as per the…
Goutham
- 11
- 2
1
vote
1 answer
How to perform inline edit while using react-table or react-table-6?
I'm trying to perform CRUD operations in React using react-table-6 library, since its lightweight and has basic functionalities. I dont want my bundle size to be more.
Here is my Code https://codesandbox.io/s/crud-using-react-table-6-rs2r9
Whenever…
Andruraj
- 67
- 2
- 11
1
vote
1 answer
React Ant design Table- Customize the search filter
I am trying to customize the search filter in React Ant design table, typically ant design allows customizable dropdown for search filter, for example. But the requirement is to show permanent search boxes under the columns similar to the react…
Aditya
- 13
- 1
- 4
1
vote
1 answer
React Table not displaying data properly
I am using React-Table-V6 and have trouble understanding why my data is not being rendered:
const sanArrayCols = [
{Header: 'Serial No.', accessor: 'serialNumber'}
];
let temp = [{
serialNumber: '1'
}];
AKJ
- 749
- 6
- 29
1
vote
0 answers
react-table globalFilter example for NumberRangeColumnFilter
Trying to implement a NumberRangeColumnFilter, outside of the table on a specific column. Basically using globalFilter.
I converted the SelectColumnFilter from example to a global select filter outside of the table like below.
function…
Nishant Koli
- 71
- 1
- 7
1
vote
1 answer
How can I delete a button in a cell and replace it with a text/number?
I'm preparing a react-table and there is a column of buttons. When clicked, there is another column that updates according to the row number that was clicked.
I want to remove the separate column to show the data and have it update the column which…
Rahal Medawatte
- 11
- 1
0
votes
1 answer
React-Table-6: Table is Returning Blank
Let me preface this with the fact that I am very new.
I am building a MERN application.
I am currently working on getting a react-table to work, however it is coming up blank.
Controller:
Controller Screenshot
Route:
Route screenshot
API:
API…
hilltoploser
- 1
- 1
0
votes
1 answer
How to map separate key:values in react-table-v6 row with multiple lines
Hello I have an array of data:
my_tags = [
{
item: 1,
tags: {name: 'LandingPage', value: 'true'},
{name: 'Country', value: 'GB'},
{name: 'Carrier', value: 'Evri'},
{name: 'EventCode', value: 'Dispatched'},
},
{
item:…
CodeBee
- 31
- 5
0
votes
1 answer
Problems with filtering react-table-v6 with react-select
So I must use react table v6. Under the table I use react-select. But when I am trying filtering data in the table something going wrong. It just does not work. l will show you example of request witch I am using. And how I am trying filter data in…
CodeBee
- 31
- 5
0
votes
0 answers
ReactTable v6 drag row or move up and down React
Has anyone using react table v6 been able to move a row up or down by dragging it? Is it possible?
I am using react table v6 and bulma css.
juan perez
- 23
- 5