0

内部に 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 の名前

サイズを変更すると、次のようになります。

|
の名前| 列の名前 2 列
| umn
       |
1 |
2 |
3 |

そして、私はそれが次のようになりたい:

ナム|
|の Column2 の名前
Col |
       | |
1 |
2 |
3 |

ご覧のとおり、テキストは 2 番目の TH の下に残ります。

アイデアはありますか？

4

1 に答える 1