即使刷新页面后列调整大小修复

问题描述

我一直在使用 DevExtreme REACTIVE 来制作表格。

它的一个功能是调整列大小，它工作得非常好。但刷新页面后，它恢复到正常宽度。

Column resizing module

我希望宽度与我们在 excel 中选择的一样，一旦设置了列的宽度，它就会保持不变，直到我们再次手动更改宽度。

我一直在寻找解决方案，但我找不到任何解决方案。

我们如何设置宽度值以使其始终保持不变？

如果有人需要更多详细信息，请告诉我。

Link to their documentation

解决方法

您应该为该功能使用会话存储。刷新后不会更改/删除会话存储。

LocalStorage.setItem('nameColumn',"name of the height variable")

之后，如果您需要恢复高度，请使用此行。

localStorage.getItem('nameColumn')

如果你有一些登录/注销，你应该在注销时这样做

localStorage.removeItem('nameColumn')

或

localStorage.clear()