将 reorderableColumn 属性 设置为 primeng 数据表的特定列 angular 2
set reorderableColumn property to specific column of primeng datatable angular 2
我正在使用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" 列).
有人有解决办法吗??
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>
尝试对您不想重新排序的列使用 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>
快乐编码:)
我正在使用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" 列).
有人有解决办法吗??
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>
尝试对您不想重新排序的列使用 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>
快乐编码:)