You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁止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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 09:35:09