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

时间:2011-08-12 06:51:20

标签: javascript html dom

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

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

3 个答案:

答案 0 :(得分:2)

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

您需要<div>,因为某些浏览器(Firefox)不尊重表格单元格和行的position:relative

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

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

这个问题涉及通过css -

将按钮排列到表格行

Aligning buttons with a row in a table using css

相关问题