showcar-ui/src/06-components/atoms/table/docs/table-scrollable.html

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<div class="sc-table sc-table__scrollable sc-font-m">
	<table>
		<thead>
			<th class="sc-font-bold">Audi 100 Coupe S</th>
			<th class="sc-font-bold">Audi 50</th>
			<th class="sc-font-bold">Audi Quattro</th>
			<th class="sc-font-bold">Audi Duemila 2000</th>
		</thead>
		<tbody>
			<tr>
				<td>1972</td>
				<td>1974</td>
				<td>1980</td>
				<td>1983</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
		</tbody>
	</table>
</div>

<br>
<br>
<br>

<div class="sc-table sc-table__scrollable sc-font-m">
	<table>
		<thead>
			<th class="sc-font-bold">Audi 100 Coupe S</th>
			<th class="sc-font-bold">Audi 50</th>
		</thead>
		<tbody>
			<tr>
				<td>1972</td>
				<td>1974</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td>Text</td>
				<td>Text</td>
			</tr>
		</tbody>
	</table>
</div>