Ant Design Pro ProTable 持久化列设置

columnsState

ProTable中有columnsState属性，可用于Toolbar上列设置中的操作进行持久化。

比如将列Pin或Unpin，拖动了顺序等，再下次刷新页面时仍记住之前的排序等状态。

代码

注意：必须同时定义persistenceKey和persistenceType。

persistenceKey：不同页面的ProTable设置不同的key。

persistenceType：localStorage/sessionStorage。

<ProTable<TableListItem>
  columnsState={{
    persistenceKey: 'columns-state-table1',
    persistenceType: 'localStorage',
  }}
</ProTable>

文档

https://procomponents.ant.design/components/table#columnstatetype