Overview

Bootstrap-table is a javascript plugin that makes it easy to add extended row information (by clicking on a row) in HTML tables with the help of Twitter Bootstrap.

Examples

http://frej.co/bootstrap-table-demo/

Quick Start

Download the latest version of bootstrap-table

or you can use NuGet to add it to your project

 PM> Install-Package Bootstrap-Table

Files to reference

<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"></link>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-table.js"></script>

Markup

<table>
	<thead>
		<tr>
			<th>Type</th>
		</tr>
	</thead>
	<tbody>
		<tr data-type="modal" data-content="This content will be displayed in a Bootstrap modal popup" title="Modal title">
			<td>Modal</td>
		</tr>
		<tr data-type="inline" data-content="This content will be displayed in a row under this row">
			<td>Inline</td>
		</tr>
	</tbody>
</table>

Usage

<script type="text/javascript">
	$('table').table('show');
</script>