Column's font size is not adjusting to the width columns

[oneandonlyonebutyou]

some of my tables have a lot of columns. and the result is as you see. :(

[gosticks]

I had the same issue, you need to add overflow: hidden to the styles of th and td in the table. I also added text-overflow: ellipsis for a nice ellipsis display.

[AllenFang]

thanks @gosticks's answer

[nairsandeep]

Hi, I am new to this space. Apologies if it's trivial.

Which prop should I use to have my columns auto-adjust to the size of the data? I have pasted by code below.

<BootstrapTable
{...props.baseProps}
bordered={false}
defaultSorted={defaultSorted}
pagination={paginationFactory({ sizePerPage: 5 })}
wrapperClasses="table-responsive"
selectRow={selectRow}
/>