Adding new rows on a draggable table via jquery I have a draggable table with preloaded "new items" - sorta like the Power Edit feature of the menu_editor module. Everything works perfect.

However, I want to have a button that adds a new row via jquery. I was able to do this via the following code. However, the new rows added by jquery are not draggable. What can i do to make it work? Is it even possible?

var preloaded_items_count = '.$preloaded_items_count.';
$("#edit-add-new-item").click(function(){
  var append_tr = $("#guide-pages-table tr:last").clone();
  var replace_pattern = new RegExp("new-" + preloaded_items_count, "g");
  var new_item_id = "new-" + (preloaded_items_count + 1);

  //append_tr.find("a.tabledrag-handle").remove();
  append_tr.html(append_tr.html().replace(replace_pattern,new_item_id));
  preloaded_items_count = preloaded_items_count + 1;

  //Drupal.tableDrag.prototype.makeDraggable(append_tr);
  $("#guide-pages-table &gt; tbody:last").append(append_tr);
  return false;
});
As I can not reproduce your case, this answer just is a suggestion:

look at misc/tabledrag.js:

Drupal.tableDrag.prototype.makeDraggable = function (item) {


So you need re-running necessary javascript after adding new row.

Drupal.attachBehaviors($('#guide-pages-table &gt; tbody:last'));