<div class="uk-section uk-height-viewport uk-flex uk-flex-middle">
    <div class="uk-container uk-container-small uk-flex-auto">

        <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Default</h2>

        <div class="uk-overflow-auto">
            <table class="uk-table uk-table-hover">
                <caption>Table caption</caption>
                <thead>
                    <tr>
                        <th class="uk-table-expand">Expand</th>
                        <th>Table Heading</th>
                        <th>Table Heading</th>
                        <th>Table Heading</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                    </tr>
                </tfoot>
                <tbody>
                    <tr class="uk-active">
                        <td>Active Row</td>
                        <td>Active Row</td>
                        <td>Active Row</td>
                        <td>Active Row</td>
                    </tr>
                    <tr>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom uk-margin-large-top">Striped</h2>

        <div class="uk-overflow-auto">
            <table class="uk-table uk-table-hover uk-table-striped">
                <caption>Table caption</caption>
                <thead>
                    <tr>
                        <th class="uk-table-expand">Expand</th>
                        <th>Table Heading</th>
                        <th>Table Heading</th>
                        <th>Table Heading</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                    </tr>
                </tfoot>
                <tbody>
                    <tr>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                    </tr>
                    <tr>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom uk-margin-large-top">Small</h2>

        <div class="uk-overflow-auto">
            <table class="uk-table uk-table-hover uk-table-small">
                <caption>Table caption</caption>
                <thead>
                    <tr>
                        <th class="uk-table-expand">Expand</th>
                        <th>Table Heading</th>
                        <th>Table Heading</th>
                        <th>Table Heading</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                        <td>Table Footer</td>
                    </tr>
                </tfoot>
                <tbody>
                    <tr>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                    </tr>
                    <tr>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                        <td>Table Data</td>
                    </tr>
                </tbody>
            </table>
        </div>

    </div>
</div>