A basic table:

<%= table begin %>
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
<% end %>
<table class="table">
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
</table>
th 1 th 2
Cell 1 Cell 2
Cell 1 Cell 2

Several classes applied to the table:

%= table hover, striped, condensed, begin
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
%  end
<table class="table table-condensed table-hover table-striped">
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
</table>
th 1 th 2
Cell 1 Cell 2
Cell 1 Cell 2

A condensed table with an id wrapped in a success panel:

%= table 'Heading Table 4', panel => { success }, condensed, id => 'the-table', begin
        <thead>
            <tr>
                <th>th 1</th>
                <th>th 2</th>
        </thead>
        <tbody>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
        </tbody>
%  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">
        <thead>
            <tr>
                <th>th 1</th>
                <th>th 2</th>
        </thead>
        <tbody>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
        </tbody>
    </table>
</div>

Heading Table 4

th 1 th 2
Cell 1 Cell 2
Cell 1 Cell 2

<%= table begin %>
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
<% end %>
<table class="table">
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
</table>
th 1 th 2
Cell 1 Cell 2
Cell 1 Cell 2

%= table hover, striped, condensed, begin
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
%  end
<table class="table table-condensed table-hover table-striped">
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
</table>
th 1 th 2
Cell 1 Cell 2
Cell 1 Cell 2

%= table 'Heading Table 3', hover, striped, condensed, begin
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
%  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">
        <thead>
            <tr>
                <th>th 1</th>
                <th>th 2</th>
        </thead>
        <tbody>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
        </tbody>
    </table>
</div>

Heading Table 3

th 1 th 2
Cell 1 Cell 2
Cell 1 Cell 2