jquery ui - Refresh CSS ellipsis when resizing container -


i'm using jquery ui , have setup table resize columns.

span {           -ms-text-overflow: ellipsis;     -o-text-overflow: ellipsis;     text-overflow: ellipsis;     white-space: nowrap;     overflow: hidden; } 

i apply simple ellipsis cells when small ...

if @ page looks like:

enter image description here

when resize column however, doesn't re-apply ellipsis :(

enter image description here

is there simple way this? tried removing overflow making visible, re-applying hidden, ellipsis goes original view when rendered.

the problem table cell had fixed width in css:

width: 120px;

which resized javascript. when resizing happens cell content in cell stayed same width.

changing css min-width: 120px; , resizing javascript width min-width solved problem.


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -