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

Question

<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>

在上面的代码中，我不想允许对列 "color" 进行重新排序。（想要将 reorderableColumns="false" 设置为 "color" 列).

有人有解决办法吗？？

Answer 1

primeng 数据表目前不支持选定的列排序。一种回调 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 数据表的特定列 angular 2

set reorderableColumn property to specific column of primeng datatable angular 2

angular

datatable

primeng

primeng-datatable

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

set reorderableColumn property to specific column of primeng datatable angular 2

angular

datatable

primeng

primeng-datatable

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