How to get Text Wrap When Click on Ellipsis Column Cell Value to Display the Rest Content

How to get Text Wrap When Click on Ellipsis Column Cell Value to Display the Rest Content

wongs34wongs34 Posts: 4Questions: 2Answers: 0

Hi,

There is a test case like this one here.

https://live.datatables.net/bucoqudu/573/edit

When click on the ellipsis cell value, the text shows no wrap. How do I make the text wrapped when click to display all content. Thank you in advance for your great support!

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    It's using the browser's built in title tooltip. There is no formating or styling control over the built in tooltip unfortunately. The one way to control it would be to use an external tooltip library. That's totally possible, but it would need a tooltip library imported and run on the page. Tippy might be an option for you.

    Allan

  • kthorngrenkthorngren Posts: 21,336Questions: 26Answers: 4,951
    edited August 2023 Answer ✓

    One option is to parse the data to display the way you want. This updated example simply replaces all spaces with <br>.
    https://live.datatables.net/bucoqudu/574/edit

    You may want to make something a bit more sophisticated. Stack Overflow is a good resource to research options.

    Kevin

  • wongs34wongs34 Posts: 4Questions: 2Answers: 0

    Thank you Kevin. This is very helpful!

Sign In or Register to comment.