<template>
	<lightning-card variant="narrow" class="card">
		<lightning-tabset variant="vertical">
			<lightning-tab label="Target Param1">
				<lightning-tabset>
					<lightning-tab label="Yearly">
						<!-- ADDING "slds-scrollable" HERE WORKED, BUT IT MADE "Some content..." SCROLLABLE -->
						<div>
							Some content
							.
							.
							.
						</div>
						<div>
							<table class="slds-table slds-table_bordered">
								<!-- I WANT TO MAKE TABLE HORIZONTALLY SCROLLABLE -->
								<thead>
									<th>slds-table 1</th>
									<th>slds-table 2</th>
									<th>slds-table 3</th>
									<th>slds-table 4</th>
									<th>slds-table 5</th>
								</thead>

								<tbody>
									<td>1</td>
									<td>2</td>
									<td>3</td>
									<td>4</td>
									<td>5</td>
								</tbody>

							</table>
						</div>
					</lightning-tab>
				</lightning-tabset>
			</lightning-tab>
		</lightning-tabset>
	</lightning-card>
</template>