如何在表格行旁边添加按钮

Question

我正在创建一个表。最后一行是输入字段，用户可以在其中添加记录。我想要的是用户点击以存储新数据的那一行旁边的“添加”按钮。视觉上按钮将在桌子外面，在右边。

我不知道该怎么做，需要一些指导。如何添加此类按钮？

Answer 1

在最后一行的最后一个单元格中，将<div>与position:relative放在一起，在该div中放置您的按钮position:absolute，然后使用right: -width_of_the_button将按钮移到表格外。并且您将在表格的最后一行之前添加新行，以便该按钮始终位于最后一行

您需要<div>，因为某些浏览器（Firefox）不尊重表格单元格和行的position:relative。

Answer 2

为所有其他行添加一组空白的tds，在最后一行添加添加按钮。听上去怎么样？

Answer 3

您可以将表格放在另外两个列表的第一列中，然后将该按钮添加到第二列并将其垂直对齐到底部。

这里是表方法的一个方面 - http://jsfiddle.net/ipr101/zFEQT/1/

这个问题涉及通过css -

将按钮排列到表格行

Aligning buttons with a row in a table using css