如何禁止ngx-datatable中所有列的重新排序功能
完全禁用ngx-datatable的列重新排序功能
要彻底禁止所有列的拖拽排序,无需逐个设置列的[draggable]属性,直接在<ngx-datatable>根组件上添加全局配置[reorderable]="false"即可,该配置会覆盖单个列的拖拽设置,全局禁用列重新排序。
修改后的代码示例:
<ngx-datatable [reorderable]="false"> <!-- First column is not draggable --> <ngx-datatable-column [width]="30" [draggable]="false"> ... </ngx-datatable-column> <!-- The other columns are draggable --> <ngx-datatable-column *ngFor="let column of dataColumns| slice:1; let i = index;" name="{{column.name}}" prop="{{column.prop}}" [draggable]="true"> ... </ngx-datatable-column> </ngx-datatable>
说明:
[reorderable]="false"是ngx-datatable的全局控制属性,用于开关列重新排序功能。设置为false后,所有列都无法通过拖拽调整顺序,不受单个列[draggable]属性的影响。- 后续若需恢复列排序功能,只需将该属性改为
true或直接移除即可。
内容的提问来源于stack exchange,提问作者dev verma
相关产品推荐
相关产品推荐

