List / Table

<div class="uk-grid uk-grid-divider uk-margin-large" data-uk-grid-margin>
    <div class="uk-width-medium-1-4">
 
        <ul class="uk-list uk-list-line">
            <li>List item 1</li>
            <li>List item 2</li>
            <li>List item 3</li>
        </ul>
 
    </div>
 
    <div class="uk-width-medium-1-4">
 
        <ul class="uk-list uk-list-striped">
            <li>List item 1</li>
            <li>List item 2</li>
            <li>List item 3</li>
        </ul>
 
    </div>
    <div class="uk-width-medium-1-4">
 
        <table class="uk-table uk-table-striped uk-table-condensed uk-table-hover">
            <caption>Table caption</caption>
            <thead>
                <tr>
                    <th>Table</th>
                    <th>Heading</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Table</td>
                    <td>Data</td>
                </tr>
                <tr>
                    <td>Table</td>
                    <td>Data</td>
                </tr>
            </tbody>
        </table>
 
    </div>
    <div class="uk-width-medium-1-4">
 
        <dl class="uk-description-list uk-description-list-line">
            <dt>Description lists</dt>
            <dd>Description text.</dd>
            <dt>Description lists</dt>
            <dd>Description text.</dd>
        </dl>
 
    </div>
</div>