Dynamic TableHeaderColumns with search and exportToCSV props doesn't work in BootstrapTable

[thangdemons2001]

I am creating a table like this. I am using react-bootstrap-table version 4.3.1

The students data look like this
[ { id: 1, firstName: abc, lastName: xyz, listAtten:[ { date: 9-10, status: A}, { date: 16-10, status : P } }, { id: 2, firstName: cde, lastName: ijk, listAtten:[ { date: 9-10, status: P}, { date: 16-10, status : A } }, {...} , {...} ]. The Attendance header column will group all the student's attendance date.
This code is oke and work as I expected. Note that my students[0] is set to { id:0 } by default before I call API to set it to another value

but when I add the search props or exportToCSV props its throw error


Please help me with this issue, I cant use react-boostrap-table2 because it's doesn't support header column grouping