Wrap Text within responsive details view
Wrap Text within responsive details view
![x3rt](https://secure.gravatar.com/avatar/c4d35c16b8b4445f637c6348cdffe3ae/?default=https%3A%2F%2Fvanillicon.com%2Fc4d35c16b8b4445f637c6348cdffe3ae_200.png&rating=g&size=120)
in Responsive
Same issue as described here. Their test case describes the issue I am having
I have tried applying
white-space: normal
to the columns via columnDef with no result/change
This question has an accepted answers - jump to answer
Answers
Sounds like you might need to create a custom renderer. See this example.
Kevin
should do it. https://jsfiddle.net/rj5sz6v4/ .
Allan
I tried what Allan suggested, but that unfortunately did not work. I will try to create my own test-case specific to my own situation
Here is my test-case
Thanks. The
scrollX
complicates things, since it lets the browser think you want the content to expand as much as it wants!What you need to do is set a
max-width
for the element and then useword-break
(since it is just one big string with no white-space, the white-space option alone isn't enough):https://live.datatables.net/wasagori/2/edit
Allan
Thank you so much! I feel stupid as I added scrollX when I was trying to fix it and I guess I forgot about it.
You will see me around more as I am rewriting our website from PHP to ASP.NET so I'll also have to renew my Editor License!