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

Heading Table 4

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>

Heading Table 3

Table 3