Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot read property 'headerText' of undefined

See original GitHub issue

I’m getting this error when I add search to my table.

TypeError: Cannot read property 'headerText' of undefined at http://localhost:3000/static/js/bundle.js:102201:27 at Array.map (native) at BootstrapTable.renderToolBar (http://localhost:3000/static/js/bundle.js:102197:31) at BootstrapTable.render (http://localhost:3000/static/js/bundle.js:101417:27) at http://localhost:3000/static/js/bundle.js:26822:22 at measureLifeCyclePerf (http://localhost:3000/static/js/bundle.js:26101:13) at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (http://localhost:3000/static/js/bundle.js:26821:26) at ReactCompositeComponentWrapper._renderValidatedComponent (http://localhost:3000/static/js/bundle.js:26848:33)

Issue Analytics

State:
Created 7 years ago
Comments:10 (5 by maintainers)

Top GitHub Comments

2reactions

AllenFangcommented, Apr 4, 2017

ok, I got the problem, if you use map for creating the TableHeaderColumn, please do not doing this

<BootstrapTable data={ products } search={ true } options={ options }>
   <TableHeaderColumn dataField='id' isKey dataSort={true}>Product ID</TableHeaderColumn>
   { columns }
</BootstrapTable>

Please use following, if you feel isKey is noisy, you can use keyField on BootstrapTable instead.

<BootstrapTable data={ products } search={ true } options={ options } keyField='id'>
   { columns }
</BootstrapTable>

Let me know if the problem still remain, thanks

1reaction

shyjalcommented, Apr 4, 2017

@AllenFang I enabled exportCSV and got this issue. Moved all TableHeaderColumn components inside map like you mentioned,now the issue is solved. Thank you.