gpt4 book ai didi

javascript - PrimeNg 在本地存储中保留列调整大小状态

转载 作者:行者123 更新时间:2023-12-03 00:45:09 24 4
gpt4 key购买 nike

我正在尝试在 primeng 表上实现订单、切换、调整大小(适合模式)功能,到目前为止订单和切换更新 selectedColumns 数组,因此如果我保存它的当前值,我会设法保存当前用户设置,如切换、顺序。

我的调整大小 primeng 问题没有提供有关调整大小后列的新值的任何信息,因此我找不到任何方法来获取调整大小的当前状态并将其保存为顺序和切换。

stackblitz demo

谢谢

最佳答案

Primeng 7为 TurboTable (p-table) 组件引入一个 state 功能,要设置状态,只需将 stateStorage 属性与状态键一起设置为本地即可;

<p-table [columns]="selectedColumns" stateStorage="local" stateKey="state01" 
[value]="carsData" [reorderableColumns]="true" [resizableColumns]="true">
....
</p-table>

当前支持的有状态功能有:

  • 页面
  • 排序
  • 过滤
  • 选择
  • 调整列大小
  • 列重新排序
  • 行扩展

stackblitz demo

primeng-table-state

关于javascript - PrimeNg 在本地存储中保留列调整大小状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53280266/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com