Jquery ui 调整容器大小时刷新CSS省略号

我正在使用jQueryUI并设置了一个表来调整列的大小

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

我对单元格使用一些简单的省略号，这样当单元格太小时，我就可以得到

如果我看一下页面，它看起来像：

但是，当我调整列的大小时，它不会重新应用省略号：(

---

有一种简单的方法可以做到这一点吗？我尝试通过使溢出可见来消除溢出，然后重新将其应用于隐藏，但在渲染时省略号会返回到原始视图。

问题是表格单元格在CSS中的宽度是固定的：

宽度：120px；

当调整大小时，单元格中的单元格内容保持相同的宽度

---

将CSS更改为

min-width:120px；

并使用JavaScript将大小从

width

调整为

min-width

解决了问题。

也许这可以帮助您感谢@user2258152-问题是单元格是固定宽度，并使用JavaScript调整了大小。更改为min-width解决了问题。