En kolay yolu, kullanıcıya göndermeden önce zaten yerinde ilave hücre ile tablo üretmektir.
Bundan sonra, dinamik sayfanın DOM ağacında yeni hücre eklemek için bazı JavaScript kullanmak gerekecek. Aşağıdaki gibi bir tablo pasajı Verilen:
<table>
<tr>
<td>foo</td>
<td id="inserthere">bar</td>
</tr>
</table>
Aşağıdaki satırlar boyunca bir şey kullanabilirsiniz:
var td = document.createElement('td');
td.nodeValue = 'this is the new cell';
document.getElementById('inserthere').insertBefore(td);
size verecek olan:
<table>
<tr>
<td>foo</td>
<td>this is the new cell</td>
<td id="inserthere">bar</td>
</tr>
</table>
Böyle DOM ağacının toplu manipülasyon yapıyor olacak ediyorsanız, bir satır kod böyle şeyler yapabilirsiniz, hangi jQuery veya MooTools kullanarak daha iyi, artı size nerede yeni bir düğüm üzerinde daha fazla denetim verirdim (önce, sonra, üst, alt, vs ..) eklenir.
Offset 150 piksel gelince, bu karşılamak için CSS stil kullanabilirsiniz. Bazı dolgu veya bir marj hile yapacak.
Ayrıca içine takıyor tablo satır veya sütun açıklıklı kullanıyorsa, yeni hücre şüphesiz korkunç düzenini kıracak unutmayın.