
Untitled
By: a guest on
May 4th, 2012 | syntax:
None | size: 0.51 KB | hits: 21 | expires: Never
Dynamically Adding Table Rows Using jQuery
Row 1
Row 2
Row 3
Footer Row with Add new row button
Row 1
Row 2
Row 3
New Row added
Footer Row
function addAddHocRow(tr) {
$('#tblBuilder_Body tr:last').before(tr);
}
function addAddHocRowLink(td) {
var addLink = $("<a/>").click(function() {
addAddHocRow($(td).parent());
}).text("Add");
$(td).append(addLink);
}
var addHocRowTds = $(addHocRow).find('td');
// append add button
addAddHocRowLink(addHocRowTds[6]);