Table Scroll

by Taufik Nurrohman

HTML

<div class="table">
    <table border="1" class="header">
        <tr>
            <th>
                Table Header 1
            </th>
            <th>
                Table Header 2
            </th>
            <th>
                Table Header 3
            </th>
            <th>
                Table Header 4
            </th>
        </tr>
    </table>
    <div style="height:100px;overflow:auto;">
        <table border="1">
            <tr>
                <td>
                    Division 1.1
                </td>
                <td>
                    Division 1.2
                </td>
                <td>
                    Division 1.3
                </td>
                <td>
                    Division 1.4
                </td>
            </tr>
            <tr>
                <td>
                    Division 2.1
                </td>
                <td>
                    Division 2.2
                </td>
                <td>
                    Division 2.3
                </td>
                <td>
                    Division 2.4
                </td>
            </tr>
            <tr>
                <td>
                    Division 3.1
                </td>
                <td>
                    Division 3.2
                </td>
                <td>
                    Division 3.3
                </td>
                <td>
                    Division 3.4
                </td>
            </tr>
            <tr>
                <td>
                    Division 4.1
                </td>
                <td>
                    Division 4.2
                </td>
                <td>
                    Division 4.3
                </td>
                <td>
                    Division 4.4
                </td>
            </tr>
            <tr>
                <td>
                    Division 5.1
                </td>
                <td>
                    Division 5.2
                </td>
                <td>
                ...

CSS

body {padding:30px;}
.table table {width:100%;}
.table div[style] {border-bottom:1px solid black;}