如何从数据网格中获取隐藏列

Question

我正在使用material-ui DataGrid的商业版，称为x-Grid。它允许用户通过列选项菜单或工具栏上的列面板隐藏/显示列。

我正在尝试做的事情：我想获取有关列当前状态的信息（哪些是隐藏的或重新排列的），以便我可以保存以供将来访问。

在x-Grid API documentation 中，我没有看到用户隐藏列时触发的回调。

有没有办法让我从组件中获取这些信息？

Answer 1

XGrid 上有一个 onColumnVisibilityChange 属性，您可以在其中管理隐藏的列。

例如-

const [hiddenColumns, setHiddenColumns] = useState([]);

return ( 
  <XGrid
    columns={Columns}
    rows={Rows}
    onColumnVisibilityChange={(col) => setHiddenColumns([...hiddenColumns, col.field])}
  />
)

查看更多 - datagrid