如何更改Semantic-UI React的选项卡标题宽度（垂直选项卡）

Question

我正在使用Semantic-UI React。

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

它可以正常工作，但是Tab标头有两个宽。

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

Answer 1

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