DataTables

DataTables Examples

by Chris Dennis

HTML

<script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css">
<table class="dataTable" id="example">
    <thead>
        <tr><th>id</th><th>blurb</th></tr>
    </thead>
    <tbody>
        <tr><td>1</td><td>one</td></tr>
        <tr><td>2</td><td>two</td></tr>
        <tr><td>3</td><td>three</td></tr>
        <tr><td>4</td><td>four</td></tr>
        <tr><td>5</td><td>five</td></tr>
        <tr><td>6</td><td>six</td></tr>
        <tr><td>7</td><td>seven</td></tr>
        <tr><td>8</td><td>eight</td></tr>
        <tr><td>9</td><td>nine</td></tr>
        <tr><td>10</td><td>ten</td></tr>
        <tr><td>11</td><td>eleven</td></tr>
        <tr><td>12</td><td>twelve</td></tr>
        <tr><td>13</td><td>thirteen</td></tr>
        <tr><td>14</td><td>fourteen</td></tr>
        <tr><td>15</td><td>fifteen</td></tr>
        <tr><td>16</td><td>sixteen</td></tr>
        <tr><td>17</td><td>seventeen</td></tr>
        <tr><td>18</td><td>eighteen</td></tr>
        <tr><td>19</td><td>nineteen</td></tr>
        <tr><td>20</td><td>twenty</td></tr>
        <tr><td>21</td><td>twenty one</td></tr>
        <tr><td>22</td><td>twenty two</td></tr>
        <tr><td>23</td><td>twenty three</td></tr>
        <tr><td>24</td><td>twenty four</td></tr>
        <tr><td>25</td><td>twenty five</td></tr>
        <tr><td>26</td><td>twenty six</td></tr>
        <tr><td>27</td><td>twenty seven</td></tr>
        <tr><td>28</td><td>twenty eight</td></tr>
        <tr><td>29</td><td>twenty nine</td></tr>
    </tbody>
</table>

JavaScript

$(document).ready(function() {
    $('#example').DataTable({
        paging: true,
        ordering: false,
        orderFixed: [0, 'asc'],
        searching: false,
        lengthChange: false,
        displayStart: 5,
    });
});