如何在网格布局中制作固定列？

Question

有可能吗？我试图给正确的列一个固定的属性，但所有的网格都疯了。我希望正确的列保持在同一个位置，但要保持其重复性。

我的代码：

<Grid container spacing={30}>

          <Grid item xs={12} sm={2}>
            <Card>
            </Card>
          </Grid>
          <Grid item xs={12} sm={6} style={stylesi.paper}>
          <Paper>
            <Tabs
              value={1}
              indicatorColor="primary"
              textColor="primary"
              centered
            >
              <Tab label="Item One" />
              <Tab label="Item Two" />
              <Tab label="Item Three" />
            </Tabs>
          </Paper>
      </Grid>

      <div style={{position: 'fixed'}}>
            <Grid item xs={12} sm={4}>
              <Card>
               </Card>
            </Grid>
      </div>
    </Grid>