Question

＆＃13;

<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"></p-column>
</p-dataTable>

＆＃13;

在上面的代码中，我不想允许重新排序到列＆＃34; color＆＃34 ;.（想要设置 reorderableColumns =＆＃34; false＆＃34; to＆＃34;颜色＆＃34;列）。

任何人有任何解决方案吗？

Answer 1

目前，在primeng数据表中不支持选定的列排序。一个 callng 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>

Answer 2

尝试将 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>

快乐编码：）

将reorderableColumn属性设置为primeng数据表角度2的特定列

2 个答案: