There is a table with thead and I need to modify the elements inside it so that if the header text is longer than two lines, the remaining part of the text will be shown with three dots. Unfortunately, instead of inserting line breaks, I can only use white-space:nowrap to keep everything on one line.https://i.sstatic.net/AeHRC.png
How can I achieve this?
UPDATE: When I add the following code:
.table thead th {
display: -webkit-box!important;<br>
-webkit-line-clamp: 2!important;<br>
-webkit-box-orient: vertical!important;<br>
overflow: hidden!important;
}