Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
    <!-- jQuery v1.9.1 -->
    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <!-- DataTables v1.10.16 -->
    <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" />
    <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
</head>
<body>
    <table class="example">
        <thead>
            <tr>
                <td>Name</td>
                <td>Age</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tom</td>
                <td>25</td>
            </tr>
            <tr>
                <td>Mike</td>
                <td>30</td>
            </tr>
            <tr>
                <td>Jack</td>
                <td>20</td>
            </tr>
            <tr>
                <td>Bob</td>
                <td>15</td>
            </tr>
            <tr>
                <td>Tom</td>
                <td>25</td>
            </tr>
            <tr>
                <td>Mike</td>
                <td>30</td>
            </tr>
            <tr>
                <td>Jack</td>
                <td>20</td>
            </tr>
            <tr>
                <td>Bob</td>
                <td>15</td>
            </tr>
            <tr>
                <td>Tom</td>
                <td>25</td>
            </tr>
            <tr>
                <td>Mike</td>
                <td>30</td>
            </tr>
            <tr>
                <td>Jack</td>
                <td>20</td>
            </tr>
            <tr>
                <td>Bob</td>
                <td>15</td>
            </tr>
            <tr>
                <td>Tom</td>
                <td>25</td>
            </tr>
            <tr>
                <td>Mike</td>
                <td>30</td>
            </tr>
            <tr>
                <td>Jack</td>
                <td>20</td>
            </tr>
            <tr>
                <td>Bob</td>
                <td>15</td>
            </tr>
            <tr>
                <td>Tom</td>
                <td>25</td>
            </tr>
            <tr>
                <td>Mike</td>
                <td>30</td>
            </tr>
            <tr>
                <td>Jack</td>
                <td>20</td>
            </tr>
            <tr>
                <td>Bob</td>
                <td>15</td>
            </tr>
            <tr>
                <td>Tom</td>
                <td>25</td>
            </tr>
            <tr>
                <td>Mike</td>
                <td>30</td>
            </tr>
            <tr>
                <td>Jack</td>
                <td>20</td>
            </tr>
            <tr>
                <td>Bob</td>
                <td>15</td>
            </tr>
        </tbody>
    </table>
    <!-- fixedHeader.dataTables v3.1.3 -->
    <link href="https://cdn.datatables.net/fixedheader/3.1.3/css/fixedHeader.dataTables.min.css" rel="stylesheet" />
    <script tsrc="https://cdn.datatables.net/fixedheader/3.1.3/js/dataTables.fixedHeader.min.js"></script>
    <script>
        $( ".example" ).DataTable({
            // 參數設定[註1]
            "bPaginate": false, // 顯示換頁
            "searching": false, // 顯示搜尋
            "info": false, // 顯示資訊
            "fixedHeader": true // 標題置頂
        });
    </script>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hsuehmingfangpro
0viewers