html - 如果 jquery ui 可调整大小的 DIV 中的 TH 文本不适合列宽，则使其位于下一个 TH 之下

Question

我在一张桌子上有这个标题，里面有一个 div：

<TH><DIV class="resize">Name of Column</DIV></TH>
<TH><DIV class="resize">Name of Column2</DIV></TH>

$(".resize").resizable();

因此，当用户调整“列名称”列的大小时，它将被切割成空格，如果 div 内的文本大于 TBODY 的所有 TD 中的文本，则字母将保留在分隔线之外。

我想要的是，如果发生这种情况，来自 column1 的标题文本将位于 column2 下。例如：

如果这是 | 开头的分界线我会有这个：

列名 | 列名称 2

当我调整大小时，它是这样的：

姓名|姓名
| Column2
列名 |umn
|
1 |
2 |
3 |

我希望它是这样的：

南|
的| Column2 列的名称
|
|
1 |
2 |
3 |

如您所见，文本将保留在第二个 TH 下。

请问有什么想法吗？

score 1 · Accepted Answer

你可以试试这个小提琴

.hideOverflow{overflow:hidden}

你只需要隐藏溢出的内容。

<TH><DIV class="resize hideOverflow">Name of Column</DIV></TH>
<TH><DIV class="resize hideOverflow">Name of Column2</DIV></TH>

1 回答 1