Jquery UI - resize table columns. How to compress a column without taking into account its content?

Question

JavaScript

Resize to increase the width of the column works exactly as it should, but to reduce it does not.
A column cannot be shrunk in width less than its contents.
It is important that the contents of the table cells remain in one line, i.e. solving the problem through css property white-space: no-wrap is not suitable.
Please tell me how to compress the column in width so that the content remains without a line break, i.e. the same behavior as the text-overflow: ellipsis style does.
That is, for example, instead of "An example of a long line" -> it was "Note ..." if the column is narrow.
Thank you!

Sandbox example: https://codepen.io/anon/pen/QmgEdo

Answer 1

Perhaps so .

Answer 2

Tried... It turned out like this ..
But I couldn't do the same with the column names... :(
Sorry...