如何摆脱表格顶部的 MUI-Datatable“选定行”面板

Posted

技术标签:

【中文标题】如何摆脱表格顶部的 MUI-Datatable“选定行”面板【英文标题】:How to get rid of MUI-Datatable "selected rows" panel on the top of a table 【发布时间】:2021-06-12 13:53:39 【问题描述】:

有谁知道如何在检查某些行时摆脱表格顶部的“选定行”面板,或者将面板放在底部,如默认材料 UI 数据网格组件中一样?

【问题讨论】:

【参考方案1】:

您可以使用以下 CSS 选择器来隐藏选定的行工具栏:

.MUIDataTableToolbarSelect-root-89 
/* visibility: hidden !important; */
display:none !important;

如果您想完全隐藏该行(我假设您这样做),您可以使用display none !important 行。否则,您可以使用visibility: hidden 的注释行。

【讨论】:

以上是关于如何摆脱表格顶部的 MUI-Datatable“选定行”面板的主要内容,如果未能解决你的问题,请参考以下文章

javascript Mui-Datatable,列上有过滤器,在顶部显示过滤属性。

如何使用 responsive="scroll" 将高度设置为 mui-datatable

当列表位于导航栏下方时,如何摆脱出现在导航栏顶部的图层?

摆脱顶部标签的边框(反应导航)

rails 部分模板中的可选局部变量:我如何摆脱(定义的?foo)混乱?

如何摆脱 TableBody 中的表格单元格?