0

私はテーブルを持っており、Javascript を使用して、ユーザーが特定の行の列を追加/削除できるようにする機能を実装しています。新しいデータセルの内容は、その前のものと同じになります。1 つの列 (行に 1 つのデータセル) を追加するだけで、すべて問題ないことがわかりました。新しいデータセルの内容、サイズ、およびレイアウトは、前のデータセル (左側のもの) と同じです。ただし、もう 1 つ追加すると、新しく追加されたデータセルのレイアウトが異なり、データセルのサイズは大きくなりますが、最初の 2 つのデータセルのレイアウトは変わりません。そして、HTML ページがジャンプします。3 番目のデータセルを削除すると、すべてが正常に戻ります。どうやら2枚が限界?しかし、私は何かをハードコーディングしたことを覚えていません。

このサイズ変更自体の問題を解決するために追加できるプロパティはありますか? nowrap プロパティを に追加してみました。ページ ジャンプ アラウンドの問題は解決しましたが、データセルのサイズは変更されず、レイアウトも変更されます。

編集:サイズ変更は、セルがブラウザーの範囲外にあるため、セルを「圧縮」しようとすることが原因であることがわかりました。

4

1 に答える 1

0

あなたのポイントが正確にはわかりませんが、コンテンツの量に応じてセルのサイズが変更されることを意味していると思いますが、列数を設定し、幅、高さなどを設定できるcolgroupがあります最初の 3 つの列では、すべての行に 200px 、
<colgroup>
<col width="200px">
<col width="180px">
<col width="220px">
...
</colgroup>
180px、および 220px が固定されています。追加のすべての列は、サイズが変更されます。

申し訳ありませんが、私の英語は苦手です。これがお役に立てば幸いです。

于 2013-02-01T00:22:36.047 に答える