我无法使用实际用户界面将水平scroll
应用于选项卡。
下面的链接是我正在使用的重要ui版本 https://v0.material-ui.com/#/components/tabs
Tab的数量增加了其占用的宽度。
我尝试应用宽度,但是它占用了整个“标签”标签。
我只需要应用制表符宽度和水平滚动。
<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>