jquery - TH のサイズ変更可能な (jQuery ui) div が TD 幅よりも小さくなったり、TD がオーバーフローしたりしないようにする必要があります:hidden

Question

内部に div があるテーブルにこのヘッダーがあります。

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

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

ユーザーが div のサイズを変更するときは、TD がそれ以上小さくならないときに停止するか、次の TD の下で TD テキストをオーバーフロー可能 (新しい単語:D) にする必要があります。

すべての TD にクラス呼び出し hideOverflow を指定して、overflow プロパティを非表示にしようとしましたが、TD は常に含まれる最大の単語で縮小を停止します。したがって、TD と同じ幅で縮小を停止するか、オーバーフローを非表示にして TD を縮小し続けるには、TH 内の div が必要です。

どんな考えでも大歓迎です！

Answer 1

TD に DIV を追加してこれを修正し、それらも「overflow:hidden」にします。