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:
when resize column however, doesn't re-apply ellipsis :(
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
Post a Comment