无法为 Material UI 中的选项卡应用水平滚动

Question

我无法使用材质 UI 将水平 scroll 应用于选项卡。

下面的链接是我正在使用的材料 ui 版本 https://v0.material-ui.com/#/components/tabs

标签的数量增加了它的宽度。

我尝试应用宽度，但它占用了整个 Tabs 选项卡。

我只需要应用标签宽度和水平滚动。

<Tabs
inkBarStyle={{backgroundColor: 'blue'}} 
value={this.state.tableNameTab}
onChange={this.handleChangeTab}
key = "tabsData"
style={{ maxWidth: "500px", overflow: "auto" }}
>
{this.state.TableDetails.map( (data,index) =>
<Tab 
label={data.tableName} value={data.tableName}
key={'key'+index}
>
<h6>{data.tableName}</h6>
</Tab>
)
}
</Tabs>

Answer 1

欢迎来到 SO！

使用scrollable-force-tab可以在scoll中实现tabs 标题

在他们的Official Doc中提到请看一下