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

Question

我一直在使用 DevExtreme REACTIVE table。

其功能之一是调整列大小，效果非常好。但是刷新页面后又恢复到正常宽度。

Column resizing module

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

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

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

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

Link to their documentation

Answer 1

您应该为该功能使用会话存储。刷新后会话存储不是changed/deleted。

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

之后如果你需要恢复高度使用这条线。

localStorage.getItem('nameColumn')

如果你有一些 Login/Logoff 你应该在注销时这样做

localStorage.removeItem('nameColumn')

或

localStorage.clear()