テーブル行の隣にボタンを追加する方法

Question

テーブルを作成しています。最後の行は、ユーザーがレコードを追加できる入力フィールドです。私が望むのは、ユーザーが新しいデータを保存するためにクリックする行の横にある「追加」ボタンです。視覚的には、ボタンはテーブルの外側にあります。

私はこれを行う方法を知りませんし、いくつかのガイダンスが必要です。このようなボタンを追加するにはどうしたらいいですか？

Answer 1

最後の行の最後のセルで<div>を置きますposition:relativeで、div内にはposition:absoluteというボタンを入れ、ボタンの外側にあるボタンをright: -width_of_the_buttonに移動します。そして、テーブルの最後の行の前に新しい行を追加すると、ボタンが常に最後の行に表示されます。

<div>ブラウザ（Firefox）の中には、表のセルと行のposition:relativeを尊重しないものがあります。

Answer 2

他のすべての行には空白のセットを追加し、最後の行には追加ボタンがあります。それはどうやって聞こえる？

Answer 3

別の2つの列テーブルの最初の列の内側にテーブルを配置し、次に2番目の列にボタンを追加し、垂直方向に配置することができます。

は、ここでテーブル方式のためjsfiddleだ - http://jsfiddle.net/ipr101/zFEQT/1/

この質問はCSSでテーブルの行にボタンを並べると取引 -

Aligning buttons with a row in a table using css