showcar-ui/src/06-components/atoms/table/docs/table-with-left-title.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-font-m">
	<table>
		<thead>
			<th class="sc-table__empty"></th>
			<th>Audi 100 Coupe S</th>
			<th>Audi 50</th>
			<th>Audi Quattro</th>
			<th>Audi Duemila 2000</th>
		</thead>
		<tbody>
			<tr>
				<td class="sc-table__title">Markeinführung</td>
				<td>1972</td>
				<td>1974</td>
				<td>1980</td>
				<td>1983</td>
			</tr>
			<tr>
				<td class="sc-table__title">Motor-Bauart</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td class="sc-table__title">Hubraum</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td class="sc-table__title">Leistung</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td class="sc-table__title">Antrieb</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
			<tr>
				<td class="sc-table__title">Da 0 a 100 km/h</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
				<td>Text</td>
			</tr>
		</tbody>
	</table>
</div>