pip-webui/pip-webui-css/samples/css_components/table.html

HTML5 UI for LOB applications

<p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
	Table
</p>

<table class="table table-striped table-hover ">
	<thead>
	<tr>
		<th>#</th>
		<th>Column heading</th>
		<th>Column heading</th>
		<th>Column heading</th>
	</tr>
	</thead>
	<tbody>
	<tr>
		<td>1</td>
		<td>Column content</td>
		<td>Column content</td>
		<td>Column content</td>
	</tr>
	<tr>
		<td>2</td>
		<td>Column content</td>
		<td>Column content</td>
		<td>Column content</td>
	</tr>
	<tr class="info">
		<td>3</td>
		<td>Row with class info</td>
		<td>Column content</td>
		<td>Column content</td>
	</tr>
	<tr class="success">
		<td>4</td>
		<td>Row with class success</td>
		<td>Column content</td>
		<td>Column content</td>
	</tr>
	<tr class="danger">
		<td>5</td>
		<td>Row with class danger</td>
		<td>Column content</td>
		<td>Column content</td>
	</tr>
	<tr class="warning">
		<td>6</td>
		<td>Row with class warning</td>
		<td>Column content</td>
		<td>Column content</td>
	</tr>
	<tr class="active">
		<td>7</td>
		<td>Row with class active</td>
		<td>Column content</td>
		<td>Column content</td>
	</tr>
	</tbody>
</table>