Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 4th, 2012  |  syntax: None  |  size: 0.51 KB  |  hits: 21  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Dynamically Adding Table Rows Using jQuery
  2. Row 1
  3. Row 2
  4. Row 3
  5. Footer Row with Add new row button
  6.        
  7. Row 1
  8. Row 2
  9. Row 3
  10. New Row added
  11. Footer Row
  12.        
  13. function addAddHocRow(tr) {
  14.  
  15.     $('#tblBuilder_Body tr:last').before(tr);
  16. }
  17.        
  18. function addAddHocRowLink(td) {
  19.  
  20.     var addLink = $("<a/>").click(function() {
  21.  
  22.         addAddHocRow($(td).parent());
  23.  
  24.      }).text("Add");
  25.  
  26.     $(td).append(addLink);
  27. }
  28.        
  29. var addHocRowTds = $(addHocRow).find('td');
  30.  // append add button
  31.     addAddHocRowLink(addHocRowTds[6]);