Material ui 材质UI主题变量

Material ui 材质UI主题变量,material-ui,parameter-passing,Material Ui,Parameter Passing,我正在寻找一种方法来设置一个创建材质ui主题,并使用一个变量 (我创建了一个自定义的类似表格的布局,但没有使用表格) “header”嵌套在使用此主题的themeprovider中 “body”是列表上的映射,创建了一个使用相同themeprovider样式的自定义元素 <Box style={ClientOrderListTheme.root}> <ThemeProvider theme={ClientOrderListTheme}> // This t

我正在寻找一种方法来设置一个创建材质ui主题,并使用一个变量 (我创建了一个自定义的类似表格的布局,但没有使用表格) “header”嵌套在使用此主题的themeprovider中 “body”是列表上的映射,创建了一个使用相同themeprovider样式的自定义元素

  <Box style={ClientOrderListTheme.root}>
    <ThemeProvider theme={ClientOrderListTheme}>   // This theme is also applied to the  
                                                   // {listitems}
      <div style={ClientOrderListTheme.headerRow}>
        .... // this is the headerElement
        {isLoading && (
          <div className={classes.loadingOverlay}>
            <Loader />
          </div>
        )}
      </div> 
    </ThemeProvider>
    {listItems}
  </Box>

//这个主题也适用于
//{listitems}
.... // 这是头饰
{isLoading&&(
)}
{listItems}
这段代码按照我希望的方式工作,但现在我正在寻找一种方法,将我为这个列表创建的主题重新用于其他列表

为了实现这一点,我必须能够确定我需要的列的数量,因为每列的宽度是通过以下css属性计算的:

宽度:“计算((100%-80px)/10)”,

在本例中,有10列,但我希望用一个变量确定10列,但似乎找不到合适的方法来实现这一点

感谢您的帮助:)