title: How to make drag and drop work with primefaces TreeTable
body: <p>I need to reorder my tree. I am using the example provided in the primefaces <a href="https://www.primefaces.org/showcase/ui/data/tree/dragdrop.xhtml" rel="nofollow noreferrer">showcase</a>. </p>
  
  <p>The drag and drop works for <strong>p:tree</strong> component. However when I apply the attributes to <strong>p:treeTable</strong>, it does not work. </p>
  
  <p>How to make it work with treeTable? I have added the attributes draggable, droppable and dragdropScope to the p:treeTable tag, but it doesn't help. </p>
  
  <pre><code>  &lt;p:treeTable draggable="true" droppable="true" dragdropScope="demo" 
        value="#{treeController.tree}" var="node" selectionMode="checkbox" animate="true"&gt;
      &lt;p:column style="width:auto"&gt;
        &lt;h:outputText value="#{node.title}" /&gt;
      &lt;/p:column&gt;
    &lt;/p:treeTable&gt;
  </code></pre>
  
  <p>Edit::
  My issue is NOT that the tree does not reorder. My issue is that the items does not drag at all. </p>
  
  <p>By dragging, I mean, when I click on an item and drag in the tree, some visual indicator showing the item can be placed anywhere else in the tree. See image below, where drag works. I have clicked on node 0 and dragged it to place between Node 1 and Node 2. This is from the primefaces showcase example.</p>
  
  <p><a href="https://i.stack.imgur.com/FmKT7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FmKT7.png" alt="enter image description here"></a></p>