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

Posted 2023-02-22

【中文标题】如何使用 responsive="scroll" 将高度设置为 mui-datatable

【英文标题】：How to set height to mui-datatable with responsive="scroll"

【发布时间】：2019-07-06 04:23:22

【问题描述】：

我需要有固定的表格主体高度首先很好地显示在我的整个页面上，其次当我选择过滤器并将过滤器标签添加到标题时不改变高度。

我很难找到解决方案。我最好的猜测是我应该覆盖 MUIDataTable.responsiveScroll 类，但是当我更改 minHeight:'80vh' 时它什么也不做。

【参考方案1】：

是的，您需要覆盖 MUIDataTable.responsiveScroll。这就是我为扩大到整个页面大小所做的工作

createMuiTheme(
    overrides: 
      MUIDataTable: 
        responsiveScroll: 
          maxHeight: 'none',
        ,
      ,
    ,
  );

如果你想要一个最小高度，你可以在那里添加其他样式。

【讨论】：

知道如何使用 Mui 5 和 Mui-datatables 4.0.0 实现相同的功能吗？