材质UI网格设置水平线而不是响应性

Question

我是否可以通过下面的示例在材质UI网格上禁用响应能力？使用基本的HTML表格即可轻松实现这一目标，并且在缩小比例时添加一条水平线即可滚动，材质UI网格具有响应能力，并在下面的示例中产生效果

有没有一种方法可以在具有实质性UI网格的移动设备上获得“所需”结果？之所以选择实质性的UI网格而不是HTML表格，是因为带有div元素并做出反应的其他组件不喜欢将表格和div组合在一起

在不共享太多细节的情况下，当前网格集如下：

<div>

<Grid container>
    <Grid item xs={5}>Event</Grid>
    <Grid item xs={2}>Sold</Grid>
    <Grid item xs={2}>Gross</Grid>
    <Grid item xs={2}>Status</Grid>
    <Grid item xs={1}>More</Grid>
</Grid>

</div>

Answer 1

尝试一下<Grid container></Grid>

<Grid container>
      <Grid container Event xs={5}>
        <FormRow /> 
      </Grid>
      <Grid container Sold xs={2}>
        <FormRow /> 
      </Grid>
      <Grid container Gross xs={2}>
        <FormRow /> 
      </Grid>
      <Grid container Status xs={2}>
        <FormRow /> 
      </Grid>  
    <Grid container More xs={1}>
        <FormRow /> 
      </Grid>
    </Grid>