如何为 Semantic-UI React 更改制表符 headers 宽度（垂直制表符）

Question

我正在使用 Semantic-UI React。

<Tab
  menu={{
    fluid: true,
    vertical: true,
    tabular: true
  }}
  panes={this.getTabPanes()}
/>

它工作正常，但 Tab headers 有两个宽度。

如何改为绝对值（例如100px）？

Answer 1

If you take a look at the docs for Tab，有一个名为 grid 的道具，它接受一个具有两个网格列宽值的对象。例如，您可以传递它，它会改变大小 grid={{paneWidth: 6, tabWidth: 2}}

How to change tab headers width (vertical tabs) for Semantic-UI React