如何在動態添加行時使表格向上生長？

Question

我想從一個固定的位置向上生長一張桌子，這樣如果第一個表格行在100px，下一個將在110px（向上生長而不是默認向下）。如果我動態添加表格行，我怎麼能達到這種效果？

Answer 1

使用絕對定位，而不是使用頂部使用底部設置偏移量。有了這個屬性，你可以確保你的div底部邊緣的位置 - 任何尺寸的變化都會迫使div向上擴展。

Answer 2

如果我理解正確，並且您想要將新行插入表中，但是在現有行之上而不是在下面。這將是相對於一個append一個prepend，和你有一些很好的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");