How to fix header cell text overflow after bold style added?

Tags: #<Tag:0x00007efc6df056c0>
#1

When I set the style on a header to bold then the column width calculation is incorrect and the text overflows the header cell width. (See the two centre column headers in http://jsfiddle.net/95zaehLx/)

Is there a way to make the headers fit the changed text dimensions? Maybe adding extra padding to the header cells to allow for bolding?

I have the same scenario. I have no clue how to fix it
#2

You’re right. I does not look pleasant.

I think that as a workaround you could use fixed value within the colWidths method. Adding margin or additional space/text won’t here here.

#3

thank you

#4

You’re welcome. I hope that you’ll be able to use the workaround effectively.

#5