How to pagination and search,ascending or descending display data With javascript

This Code put Header Part 

=====================================

<link href='https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css' rel='stylesheet' type='text/css'>

<script src="//code.jquery.com/jquery-1.12.0.min.js" type="text/javascript"></script>

 <script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js" type="text/javascript"></script>

 <script>

$(document).ready(function() {

    $('#example').DataTable( {

        "order": [[ 3, "desc" ]]

    } );

} );

</script>

=====================================

This Code in your Body tag 

<table id="example" class="display" cellspacing="0" width="100%">

        <thead>

            <tr>

                <th>Name</th>

                <th>Position</th>

                <th>Office</th>

                <th>Age</th>

                <th>Start date</th>

                <th>Salary</th>

            </tr>

        </thead>

        <tfoot>

            <tr>

                <th>Name</th>

                <th>Position</th>

                <th>Office</th>

                <th>Age</th>

                <th>Start date</th>

                <th>Salary</th>

            </tr>

        </tfoot>

        <tbody>

            <tr>

                <td>Tiger Nixon</td>

                <td>System Architect</td>

                <td>Edinburgh</td>

                <td>61</td>

                <td>2011/04/25</td>

                <td>$320,800</td>

            </tr>

</tbody>

    </table>

=========================

 then Run Click here