<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"> <table class="table table-bordered pagin-table" id="table1" name="table1"> <tbody> <tr> <th>Sl No</th> <th>Name</th> <th>Course</th> <th>Mobile No</th> </tr> <tr> <td>1</td> <td>Studentstutorial</td> <td>B-Tech</td> <td>7507089320</td> </tr> <td>2</td> <td>Divyasundar</td> <td>MCA</td> <td>9437730730</td> </tr> <td>3</td> <td>Chinmay</td> <td>M-Tech</td> <td>9937459805</td> </tr> </tbody> </table> <script> $('tbody').sortable(); </script>