admin-on-rest：无法在宽列表视图上水平滚动答案

【问题标题】：admin-on-rest: Unable to scroll horizontally on wide list viewsadmin-on-rest：无法在宽列表视图上水平滚动
【发布时间】：2017-10-27 10:12:12
【问题描述】：

当 Admin-on-rest 在 safari mobile（可能是所有小屏幕）上运行时，宽视图无法水平滚动。这尤其成问题，因为在列表视图中，“编辑”链接通常位于一行的右侧。

没有办法通过捏拉缩小来显示页面的缺失部分。

这可以在演示网站上复制：https://marmelab.com/admin-on-rest-demo/#/

看起来罪魁祸首是使用 flex-direction: column 的 CSS 样式

删除此样式会恢复水平滚动。

这是一个错误（可能是跨浏览器问题？）还是出于我不知道的原因而需要此限制？

可能的解决方案：删除表格容器上的 overflow-x: hidden，它允许水平滚动宽的结果表格，但保持整体页面宽度与页面以便按钮/过滤器/等正确对齐。

【问题讨论】：

标签： admin-on-rest

【解决方案1】：

我正在使用这种方式在小尺寸设备中水平滚动：

export const ReservationList = (props) => (
    <div style={{
        display: "flex",
        flex: "1 1 auto",
        overflowY: "hidden",
        overflowX: "scroll"
    }}>
        <List {...props} title="Reservation List">
            <Datagrid>
              ...  
            </Datagrid>
        </List>
    </div>
);

【讨论】：

【解决方案2】：

不要在小屏幕上使用数据网格。请参阅有关此的文档：https://marmelab.com/admin-on-rest/Theming.html#responsive-utility

【讨论】：