Установить свойство reorderableColumn для определенного столбца первичного угла данных 2

Question

Я использую primeng datatable

<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 datatable. Обратный звонок 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>

Удачного кодирования:)