AllenFang / react-bootstrap-table

A Bootstrap table built with React.js
https://allenfang.github.io/react-bootstrap-table/
MIT License
2.24k stars 783 forks source link

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

Open praveenk1029 opened 2 years ago

praveenk1029 commented 2 years ago

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?