Phonon Framework

Phonon

Tables

Simple tables.


Live Example


Usage

Installation

Link to the CSS file if you loaded phonon-base.css only:

<link rel="stylesheet" href="tables.css">
<table class="table">
    <tr>
        <thead>
            <th>Features</th>
            <th>Standard</th>
            <th>Premium</th>
        </thead>
    </tr>
    <tbody>
        <tr>
            <td>Feature 1</td>
            <td>&#x2715;</td>
            <td>&#x2715;</td>
        </tr>
        <tr>
            <td>Feature 2</td>
            <td>Limited</td>
            <td>Unlimited</td>
        </tr>
        <tr>
            <td>Feature 3</td>
            <td>&#x2715;</td>
            <td>&#10003;</td>
        </tr>
    </tbody>
</table>

Expanded tables

Append the class .table-expanded

<table class="table table-expanded">