动态添加行时如何使表增长？

Question

我正在尝试从固定位置向上增长一个表格，因此，例如，如果第一个表格行为100px，则下一个表格将为110px（向上增长而不是向下增长）。如果我动态添加表格行怎么能实现这种效果？

Answer 1

使用绝对定位，而不是使用顶部使用底部设置偏移。使用此属性，您可以确保div底边的位置 - 任何大小的改变都会强制div向上扩展。

Answer 2

如果我理解正确并且您想要在表中插入新行，但是在现有行之上而不是在下面。这将是prepend而不是append，并且您有两个很好的jQuery选项可以执行此操作：

insertBefore：

$('<tr><td>Stuff</td></tr>').insertBefore('table > tbody > tr:first');

before：

$('table > tbody > tr:first').before('<tr><td>Stuff</td></tr>');

prependTo：

$("<tr><td>prependTo</td></tr>").prependTo("table > tbody");