DragHandle Not working in TableDnD JQuery Plugin

Question

I am using tablednd plugin to drag and drop my table rows everything works fine for me but when I try to use the DragHandle property then neither the rows are dragable nor the hander comes

My Script is as

<script type="text/javascript">
        $(document).ready(function() {
            $('#sort').tableDnD({
                onDrop: function(table, row) {
                  alert(row.id);
                }, 
                            dragHandle: ".dragHandle"
            });
        });
        </script>

When I remove the drag handle then it works and when I include it it does not work.

Any Ideas why its not working

Thanks

Answer 1

You might be using an older version (probably Version 0.4).

I had the same issue after downloading the plug-in from GitHub. Seems like you get served the old version, and not the current 0.7

By the way: dragHandle: ".dragHandle" is correct!

Answer 2

Remove . before dragHandle

  $('#sort').tableDnD({
            onDrop: function(table, row) {
              alert(row.id);
            }, 
            dragHandle: "dragHandle"
   });

See example here