title: primeng, p-table column "reorder" is not working
body: <p>i am using <a href="https://primefaces.org/primeng/#/table/reorder" rel="nofollow noreferrer">Primeng table</a>, and trying to use column "reorder" feature, without success.</p>
  
  <p>When i am moving a column, the "arrow" image is shown, but when i am dropping the column in other location - nothing happen(the column is still in the "previous location").</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;p-table #dt [value]="pagedTasks"
             [paginator]="true"
             [rows]="pageSize"
             [first]="first"
             [lazy]="true"
             [totalRecords]="totalRecords"
             [autoLayout]="true"
             (onLazyLoad)="loadTasksLazy($event)"
             [responsive]="true"
             sortField="id"
             sortOrder="-1"
             [reorderableColumns]="true"
             &gt;
     &lt;ng-template pTemplate="caption"&gt;
      ...
     /ng-template&gt;
     &lt;ng-template pTemplate="header"&gt;
       &lt;tr&gt;
          &lt;th *ngFor="let col of cols" [pSortableColumn]="col.field" pReorderableColumn&gt;
            &lt;div *ngIf="col.field !== 'actions'"&gt;
              {{ col.header }}
              &lt;p-sortIcon [field]="col.field"&gt;&lt;/p-sortIcon&gt;
            &lt;/div&gt;
            &lt;div *ngIf="col.field === 'actions'"&gt;
              &lt;fa name="file-code"&gt;&lt;/fa&gt;
            &lt;/div&gt;
          &lt;/th&gt;
        &lt;/tr&gt;
     ...
    &lt;/p-table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, i am using <code>[reorderableColumns]="true"</code> in <code>p-table</code> element,
  and <code>pReorderableColumn</code> on <code>th</code> element.
  Am I missing something?</p>