We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

Word wrap on flexmonster table not working

Answered
Deo Bernal asked on March 12, 2020

Word wrap on flexmonster table not working.
The export to excel has been fixed but the display on the flexmonster table.
We don't want to adjust just height of the row but it has to be dynamic/auto-adjust the height instead.

Attachments:
word wrap issue.png

1 answer

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster March 12, 2020

Hello, Deo,
 
Thank you for reaching out to us.
 
We would like to kindly inform you that the absence of such a feature is due to the difficulties while rendering the grid. However, our team suggests using the workaround based on showing the full content of the cell while hovering.
 
Please see an example demonstrating such an approach. It is created as a template, and you are welcome to modify it in the way it fits your needs.
 
It uses customizeCell API provided by Flexmonster in order to set the title attribute of the span object placed in the cell. The mentioned span object serves as a wrapper for the attribute. The attribute itself allows displaying the desired text on hovering the element. Also, we would like to draw your attention to the fact that the span element should have the following set of styles:

position: relative;
z-index: 1;

It forces the element float over the grid and makes it possible to hover it.
 
Please see our documentation in order to get on with customizeCell API.
Also, in case you are interested in grid customization beyond CSS, we recommend checking out our blog post.
 
We hope it works for you.
 
Do not hesitate to contact us in case any additional questions occur on this point.
 
Kind regards,
Illia

Please login or Register to Submit Answer