<%= table begin %>
<tr><td>Table 1</td></tr>
<% end %>
<table class="table">
<tr><td>Table 1</td></tr>
</table>
A basic table.| Table 1 |
%= table hover, striped, condensed, begin
<tr><td>Table 2</td></tr>
% end
<table class="table table-condensed table-hover table-striped">
<tr><td>Table 2</td></tr>
</table>
Several classes applied to the table.| Table 2 |
%= table 'Heading Table 4', panel => { success }, condensed, id => 'the-table', begin
<tr><td>Table 4</td></tr>
% end
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Heading Table 4</h3>
</div>
<table class="table table-condensed" id="the-table">
<tr><td>Table 4</td></tr>
</table>
</div>
A condensed table with an id wrapped in a success panel.| Table 4 |
<%= table begin %>
<tr><td>Table 1</td></tr>
<% end %>
<table class="table">
<tr><td>Table 1</td></tr>
</table>
| Table 1 |
%= table hover, striped, condensed, begin
<thead>
<tr><th>In the th</th></tr>
</thead>
<tbody>
<tr><td>Table 2</td></tr>
</tbody>
% end
<table class="table table-condensed table-hover table-striped">
<thead>
<tr><th>In the th</th></tr>
</thead>
<tbody>
<tr><td>Table 2</td></tr>
</tbody>
</table>
| In the th |
|---|
| Table 2 |
%= table 'Heading Table 3', hover, striped, condensed, begin
<tr><td>Table 3</td></tr>
% end
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Heading Table 3</h3>
</div>
<table class="table table-condensed table-hover table-striped">
<tr><td>Table 3</td></tr>
</table>
</div>
| Table 3 |