當我向表中添加行時，如何阻止動態JavaScript表移動其他元素？

Question

我有一個HTML頁面，靜態表放置在頁面中，因爲這些永遠不會改變。我有一張容納所有元素的主表，以保持所有內容的一致性。這可能是導致問題的原因。 我有其中2表的主表。第一個內部表中的每行（稱爲dropDownTable）通常最多可以包含約10行。 dropDownTable格式如下： td1：text; td2：選擇元素; td3：文本（這部分是動態更新的）。 第二張表稱爲showDetails，它使用dropDownTable中行中select元素的選項來查詢數據庫（onchange屬性），獲取一些信息，然後顯示找到的每個元素。來自數據庫的響應最多爲150個字符串，通常較短。然後，用戶單擊更新dropDownTable中第三列的詳細信息中的元素。 我不太確定這是JavaScript還是HTML問題，但每次showDetails表更新時，它都會將主表底部向下推。每當用戶更改dropDownTable的第二列中的選擇時，主表底部會有兩個按鈕移動。 它非常美觀不愉快。 任何想法將不勝感激。我之前有過這個問題，但有其他因素。

Answer 1

你增加了更多的內容，從而使表更高？

我不能很明白你的問題到底是什麼，但：

td 
{ 
    vertical-align: top; 
} 

將會把一切都在其細胞的頂部，而不是中心，以最高的列。

您不應該使用表格進行佈局，表格是表格數據。有this

讀，如果你要修復的表heght，做到：

table 
{ 
    height: 400px; /* replace with your heihgt */ 
}