AllenFang / AllenFang/react-bootstrap-table

React Bootstrap Table - Iterate over an array of Objects for Datafield

Open
#2,136 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.2k
Forks
761
PR merge metrics
No merged PRs in 30d

Description

This is a duplicate thread on the same issue which was not resolved.
https://stackoverflow.com/questions/64211929/react-bootstrap-table-iterate-over-an-array-of-objects-for-datafield

// This works only for the first item in the Array.
{
dataField: `object.arrayOfObjects.[0].propertyInEachObject.length`,
sort: true,
text: 'Datasets',
headerStyle: () => ({ width: COL_WIDTH.STANDARD }),
},

How can I make it work or all of them? I tried a regex solution but I am not good at them. Can someone help me, please? I looked at the Docs, but that property dataField takes a string, so I cannot assign a function to it.

Here is an example object, I am dealing with. And the result I am looking for is 5. The length of the 2 property arrays.

{
"object": {
"arrayOgObjects" : [
{
"property1": ["One", "Two"]
},
{
"property1": ["One", "Two", "Three"]
}
]
}
}
I see only object-object but not object-list mapping in the docs - dataField: 'address.postal'
Could someone please help me with this as I got stuck here for hours?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.