Table

Tables are a nice way to organize a lot of data. We provide a few utility classes to help you style your table as easily as possible. In addition, to improve mobile experience, all tables on mobile-screen widths are centered automatically.

 
<table class="table">
	<thead>
		<tr>
			<th scope="col">Name</th>
			<th scope="col">Item</th>
			<th scope="col">Price</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td scope="row">Alvin</td>
			<td>Eclair</td>
			<td>$0.87</td>
		</tr>
		<tr>
			<td scope="row">Alan</td>
			<td>Jellybean</td>
			<td>$3.76</td>
		</tr>
		<tr>
			<td scope="row">Jonathan</td>
			<td>Lollipop</td>
			<td>$7.00</td>
		</tr>
	</tbody>
</table>