React Table: use multiple array

Question

I want to use a React-Table with a lot of data.

Here is my data:

myData: {Array1:[{},{},...], Array2:[{},{},...], Array3:[{},{},...]}

So in my React-Table component, I do this:

<ReactTableFixedColumns data={myData} />

but it is not working. If I do *"data={myData.Array1}"*, I can see my data present in Array1. But I want to have all my data, not only the data in Array1.

If the data in the arrays are all of the same format then you should combine them into one array and pass it to the table. — harisu
– harisu, Commented Oct 11, 2019 at 9:03

Clarity · Accepted Answer · 2019-10-11 09:03:21Z

4

You can combine all the data into one array:

const data = Object.values(myData).flatMap(arr => arr)

<ReactTableFixedColumns data={data} />

answered Oct 11, 2019 at 9:03

Clarity

10.9k2 gold badges27 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

SuleymanSah Over a year ago

@Gargantua this is nice answer, what did you exactly want?

Pentagura Over a year ago

@SuleymanSah Because, My array1 as 30 data. All arrays combined equals to 100 data. So, my table have 100 row, not the 30 I need

SuleymanSah Over a year ago

@Gargantua you said You wanted to have all data, not only the data in "Array1"

Pentagura Over a year ago

Yes, your solution work (sorry for the late answer)

Collectives™ on Stack Overflow

React Table: use multiple array

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related