如何最初隐藏材料反应表中的显示/隐藏列按钮?

huangapple go评论71阅读模式
英文:

How to initially hide the Show/Hide columns button in material react table?

问题

如何最初隐藏 material-react-table 中的“显示/隐藏列”按钮?

我在文档中搜索过,但找不到有关如何隐藏此按钮的任何信息。

提前感谢。

英文:

How can I initially hide the "Show/Hide columns" button in material-react-table?

如何最初隐藏材料反应表中的显示/隐藏列按钮?

I searched through the documentation but couldn't find any information on how to hide this button.

Thanks in advance.

答案1

得分: 1

你可以通过在Material React Table中将enableHiding属性设置为false来移除顶部工具栏中的列隐藏按钮。

示例:

<MaterialReactTable
  columns={columns}
  data={data}
  enableHiding={false}
/>

结果:

如何最初隐藏材料反应表中的显示/隐藏列按钮?

可工作的 CodeSandbox 示例: https://codesandbox.io/p/sandbox/dreamy-browser-s8893s?file=%2Fsrc%2FTS.tsx%3A106%2C36

英文:

You can remove the column hiding button from the top toolbar by setting the enableHiding prop to false in Material React Table.

Example:

&lt;MaterialReactTable
  columns={columns}
  data={data}
  enableHiding={false}
/&gt;

Result:

如何最初隐藏材料反应表中的显示/隐藏列按钮?

Working CodeSandbox: https://codesandbox.io/p/sandbox/dreamy-browser-s8893s?file=%2Fsrc%2FTS.tsx%3A106%2C36

huangapple
  • 本文由 发表于 2023年6月19日 14:27:40
  • 转载请务必保留本文链接:https://go.coder-hub.com/76504104.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定