title: How to use PrimeFaces p:droppable inside datatable?
body: <p>There is business need to categorize items. Best idea seems to be dragdrop items from one list into list of categories. Number of categories can vary so p:dataTable is used. 
  Ajax request is sent but onDrop method is not called from inside dataTable. When Removing datatable and column and having outputpanels statically then onDrop is called?</p>
  
  <p>How to best drag and drop items into dynamically changing categories?</p>
  
  <pre><code>        &lt;h:form prependId="false"&gt;
              &lt;h:panelGrid columns="2"&gt;
                  &lt;p:dataTable id="itemstable" value="#{categoryBean.items}" var="item"&gt;
                      &lt;p:column&gt;
                          &lt;p:outputPanel id="itemrow"&gt;
                              &lt;h:outputText value="#{item}"&gt;&lt;/h:outputText&gt;
                          &lt;/p:outputPanel&gt;
                          &lt;p:draggable for="itemrow"&gt;&lt;/p:draggable&gt;
                      &lt;/p:column&gt;
                  &lt;/p:dataTable&gt;
  
                  &lt;p:dataTable value="#{categoryBean.categories}" var="cat"&gt;
                      &lt;p:column&gt;
                          &lt;p:outputPanel id="cats1"&gt;
                              &lt;h:outputText value="category1"&gt;&lt;/h:outputText&gt;
                          &lt;/p:outputPanel&gt;
                          &lt;p:droppable for="cats1"
                                       dropListener="#{categoryBean.onDrop}"
                                       tolerance="pointer"
                                       activeStyleClass="slotActive"
                                       datasource="itemstable"&gt;
                          &lt;/p:droppable&gt;
                      &lt;/p:column&gt;
                  &lt;/p:dataTable&gt;
              &lt;/h:panelGrid&gt;
          &lt;/h:form&gt;
  </code></pre>