How to enable ellipsis in table cells

Flow
1

Dear all members,
I have tried:

.v-table-cell-content {
white-space: nowrap;
overflow: hidden;
padding: 0 6px;
border-right: 1px solid #aaa;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-moz-binding:url(ellipsis-xbl.xml#ellipsis);
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}

In my table, there’s a column of description which normally has very long content. I would like to displayed content ending with dots (…) so that users understand that there’re some more text in the table.

Please guide me how to do.

2

okay i found the solution. It might help the next viewers::grin:

.v-table-cell-wrapper {
/* Do not specify any margins, paddings or borders here */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-moz-binding:url(ellipsis-xbl.xml#ellipsis);
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}

3

This didn’t belong in the “News & Announcements” category, moved it to Themes.