在包含许多列的material-ui表上添加水平滚动的方法是什么？

Question

我按照这个表示例反应material-ui框架,我正在寻找一种可能,当我有很多列时,我的表可以水平滚动.

例如,我有许多列被挤压以适合页面宽度,因此缩短了它们的内容.

我认为它是在材料-ui spec中通过链接描述显示完整列内容并在表容器中启用水平滚动.

所以我想知道它是否可能在材料中.

Answer 1

我刚刚开始使用 React，对 Material-ui 表不熟悉。

但是，可以使用 css 使 HTML 表格允许水平滚动。你可以做：

.YourTableClassName {
  overflow-x: auto;
}