如何在表格行旁邊添加按鈕

我正在創建一個表格。最後一行是用戶可以添加記錄的輸入字段。我想要的是該行旁邊的「添加」按鈕，用戶點擊該按鈕來存儲新數據。在視覺上，按鈕將在表格之外，在右邊。如何在表格行旁邊添加按鈕

我不知道如何做到這一點，需要一些指導。我如何添加這種按鈕？

2011-08-12 Nicsoft

在最後一排把<div>的最後一個單元格與position:relative和內部該div把你的按鈕與position:absolute和移動按鈕以外的表right: -width_of_the_button。並且您會在表格的最後一行之前添加新行，以便該按鈕始終位於最後一行

您需要那個<div>，因爲某些瀏覽器（Firefox）不尊重表格單元格和行上的position:relative。

2011-08-12 07:14:39

+1可以將新行添加到表格的底部，並且每次添加行時只需將div移動到最後一行中的最後一個單元格。 – RobG

移動按鈕是一種無關的DOM操作，這在性能方面代價很高。 –

爲所有其他行添加一個空白的tds集合，並在最後一行添加按鈕。聽上去怎麼樣？

2011-08-12 06:56:05 Baz1nga

您可以將表格放入另一個兩列表格的第一列內，然後將該按鈕添加到第二列並將其垂直對齊到底部。

下面是表方法的jsfiddle - 通過CSS與排隊按鈕錶行http://jsfiddle.net/ipr101/zFEQT/1/

這個問題涉及 -

2011-08-12 07:07:14 ipr101

回答