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

标签 javascript angular primeng

我正在尝试在 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/

相关文章:

javascript - rails link_to :remote

javascript - 更改所有 child 图像来源

javascript - PrimeNG Autocomplete 不通过输入搜索查询显示任何建议

javascript - 本地存储和ngrx存储

javascript - 发生未处理的异常 : Script file . ./node_modules/chart.js 不存在

javascript - DOJO - 隐藏 DropDownMenu 的菜单项

javascript - 在多行字符串上使用八进制字符

angular - 在 Angular 中将数字转换为单词

css - 如何设置 PrimeNg 下拉图标的样式

javascript - 分页中的计算(显示总数 n 中的 n 到 n)