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

Question

我需要固定 table body 高度，以便首先能很好地显示在我的整个页面上，其次，当我选择过滤器和过滤器标签时，不会改变高度 header.

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

Answer 1

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

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

如果您需要最小高度，可以在此处添加其他样式。