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

Question

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

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

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

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

标签： reactjsdatagridmaterial-ui

Answer 1

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

例如 -

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

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

检查更多 -数据网格