Reactjs 反应材质UI如何制作7列网格

据我所知，我可以有一个由12，6，4，3，2个相同宽度的相等列组成的网格，或者只有一个列。我需要有一个7列相同宽度的网格。。。有没有办法做到这一点

我的意思是：

|--|--|--|--|--|--|--|--|--|--|--|--|
|-----|-----|-----|-----|-----|-----|
|--------|--------|--------|--------|
|-----------|-----------|-----------|
|-----------------|-----------------|
|-----------------------------------|

我需要这个：

|----|----|----|----|----|----|----|

---

我不认为你可以用材质UI制作一个七列网格。您可以使用CSS网格创建自己的网格，这样您可以创建任意多的列或行。 这里有一个很棒的CSS网格guid