表のセルにデータを動的に追加する必要があります。しかし、1 つのセルにデータを追加すると、他のすべてのセルの高さも増加します。それで、データが追加されたそのセルの高さだけが増加し、残りは同じままになる方法はありますか。
また、新しい行を追加せずに、行の特定のセルの下に表のセルのみを挿入する方法はありますか?
<table><tr><td height="50"> Hello World!!</td></tr></table>
高さを td タグの中に入れます
DIV 内の各セルにコンテンツを埋め込み、その div で overflow:auto を有効にして、高さが最大許容値を超えた場合にスクロール バーが表示されるようにします。
根本的な問題... テーブルはグリッドです。セル (col/rowspan) を結合することはできますが、線は常に線です。つまり、セルの高さを隣のセルとは異なるものにすることはできません。
<ul>
階層的な方法でデータを表示しようとしている場合は、 /のような階層構造を使用し、<li>
適切なスタイル (余白など) を使用します。ブロック要素が必要な場合は、それぞれ<li>
を<div>