BootStrap Table:如何阻止b-table在数据更新时立即自动重排序
阻止b-table随数据更新自动重排的配置方法
直接使用内置开关即可实现需求
在b-table组件上增加no-sort-on-change属性,就能直接阻断数据变更触发的内部自动排序逻辑。
参考写法:
<b-table :items="tableData" :fields="columnConfig" no-sort-on-change ></b-table>
关键注意点
- 这个配置只会阻断数据更新触发的自动重排,不会干扰原生排序交互:用户点击表头切换排序字段、调整升序/降序的功能完全正常,和未配置时的体验一致。
- 开启配置后如果需要主动触发排序,可以直接调用b-table暴露的
sort()方法,传入指定的列名、排序方向参数就能完成手动排序操作。 - 不要错用
no-local-sorting属性:这个属性会彻底关掉b-table自带的本地排序能力,所有排序流程都需要自己手写实现,和“保留原生排序能力、仅拦截数据变动时的自动重排”的目标完全不匹配。
内容的提问来源于stack exchange,提问作者Saraina K
相关产品推荐
相关产品推荐

