Auto Column Width

Hello everyone!

I need some help with columns auto width. Here is my example:

http://jsfiddle.net/kL0vyafb/

As you can see, the cells are read only. I used the parameter colWidths to set the width of the 3rd and 5th columns. The others seem to take a default width.

Unfortunately, I can’t view the full content of the cells because they’re not editable.

  • How can I solve this? With a tooltip feature in each cell?

  • Is there any trick to let the columns without a specific width, to take an automatic width depending on the cell content?

Thanks in advance

Hi @francisco.romero

Here’s a demo made by @budnix that recalculates the desired width for the columns that are not defined in the colWidths:http://jsfiddle.net/9q8pnybt/

Thank you so much for the solution!

I have a table with more than 25.000 rows and 30 columns.

Your piece of code makes a progressive recalculation of the column widths (first HOT shows me 6 rows, and later the rest of rows). Is there any way to hide this effect? Maybe with classes and events?

Thanks

It shouldn’t show only 6 first rows when you load the 25 000 at once. Here’s a similar example: http://jsfiddle.net/rehb7aus/
Can you check this example please?