Angular 将reorderableColumn属性设置为Priming datatable 2的特定列

我正在使用

---

目前，primeng datatable中不支持选定列的排序。A 回调

onColReorder（）

由primeng提供，它只在完成排序后调用

如果您想实现这种功能，那么可以尝试以下修补程序代码

<div style="width:75%;float:left">
    <p-dataTable [value]="cars" reorderableColumns="true">
        <p-column field="vin" header="Vin"></p-column>
        <p-column field="year" header="Year"></p-column>
        <p-column field="brand" header="Brand"></p-column>
    </p-dataTable>
</div>
<div style="width:25%;float:left">
    <p-dataTable [value]="cars">
        <p-column field="color" header="Color"></p-column>
    </p-dataTable>
</div>

---

尝试对不想重新排序的列使用pReorderableColumnDisabled属性

<p-dataTable [value]="cars" reorderableColumns="true">
     <p-column field="vin" header="Vin"></p-column>
     <p-column field="year" header="Year"></p-column>
     <p-column field="brand" header="Brand"></p-column>
     <p-column field="color" header="Color" [pReorderableColumnDisabled]="true"></p-column>
</p-dataTable>

---

快乐编码：）

新的p-table又名TurboTable，通过在所需列中添加pReorderableColumn，实现了这一点。