I can't seem to enable horizontal scrolling for the Tabs in material UI.
Here is the version of Material UI I am using:
As the number of Tabs increases, they are becoming wider.
I tried to set the width, but it ends up affecting the entire Tabs tab.
I want to set the width of just the Tabs and have horizontal scrolling.
<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>