I have a table contains List of Task including 4 columns: ID, Task Subject, PIC and Division. I want to wrap text in Task Subject columns to reduce the width of columns (because width of Columns depends on length of character).

I have used the following instructions:

Set Column Configuration with Render as Simple HTML and in CSS tag for Task Subject Columns I config it by using css (overflow:hidden; word-wrap: break-word;), just like the attached image description.

But it doesn't work. Can you give me a solution for this problem?

Thks!

Please click the link below to follow the attached image description:

https://drive.google.com/drive/folders/1ktTei-svk2rJo7z_DflolGwgcSV4b3O2

Late response, but the CSS I use in the inline CSS is:

.SPARKTable:not(.ts-condensed) .table>thead>tr>th,

.SPARKTable:not(.ts-condensed) .table>tbody>tr>td {

text-align: left;

word-break: break-word;

}