<%= 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 |