Question

我正在寻找一种方法来设置使用变量的材料用户界面主题（我创建了一个自定义的表格式布局而不使用表格） “标头”嵌套在使用此主题的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>

此代码以我想要的方式工作，但是现在我正在寻找一种方法，可以将为此列表创建的主题重新用于其他列表。

要执行此操作，我将必须能够确定我将需要的列数，因为每列的宽度是通过以下css属性计算的：

width: 'calc((100% - 80px)/10)',

在这种情况下，有10列，但我想用一个变量确定10列，但似乎找不到合适的方法来做到这一点？

我们将不胜感激：）

材质UI主题变量

0 个答案: