Am using Datatable 1.9.2 min version with jquery 1.12.4 version for row reordering not working
Am using Datatable 1.9.2 min version with jquery 1.12.4 version for row reordering not working
anonymous1
Posts: 6Questions: 1Answers: 0
Am getting 'e.fn.dataTable is undefined' on running my static html page.Please find my sample code below,
<html>
<head>
<link rel="stylesheet" href="jquery.dataTables.min.css">
<link rel="stylesheet" href="rowReorder.dataTables.min.css">
</head>
<body>
Seq. | Name | Position | Office | Start date | Salary |
---|---|---|---|---|---|
Seq. | Name | Position | Office | Start date | Salary |
2 | Tiger Nixon | System Architect | Edinburgh | 2011/04/25 | $320,800 |
22 | Garrett Winters | Accountant | Tokyo | 2011/07/25 | $170,750 |
6 | Ashton Cox | Junior Technical Author | San Francisco | 2009/01/12 | $86,000 |
41 | Cedric Kelly | Senior Javascript Developer | Edinburgh | 2012/03/29 | $433,060 |
</body>
</html>
This discussion has been closed.
Answers
>! <html>
<head>
<script src="jquery-1.7.2.js"></script>
<script src="jquery.dataTables-1.9.2.min.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script src="dataTables.rowReorder.min.js"></script>
<link rel="stylesheet" href="jquery.dataTables.min.css">
<link rel="stylesheet" href="rowReorder.dataTables.min.css">
<script>
$(document).ready(function() {
$('#example').DataTable({
rowReorder: {
selector: 'tr'
}>
});
} );
</script>
</head>
<body>
<table id="example" class="display" width="100%" cellspacing="0">
<thead>
<tr>
<th>Seq.</th>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Seq.</th>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>2</td>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>22</td>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>6</td>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>41</td>
<td>Cedric Kelly</td>
<td>Senior Javascript Developer</td>
<td>Edinburgh</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
<tr>
<td>55</td>
<td>Airi Satou</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>2008/11/28</td>
<td>$162,700</td>
</tr>
<tr>
<td>21</td>
<td>Brielle Williamson</td>
<td>Integration Specialist</td>
<td>New York</td>
<td>2012/12/02</td>
<td>$372,000</td>
</tr>
<tr>
<td>46</td>
<td>Herrod Chandler</td>
<td>Sales Assistant</td>
<td>San Francisco</td>
<td>2012/08/06</td>
<td>$137,500</td>
</tr>
<tr>
<td>50</td>
<td>Rhona Davidson</td>
<td>Integration Specialist</td>
<td>Tokyo</td>
<td>2010/10/14</td>
<td>$327,900</td>
</tr>
<tr>
<td>26</td>
<td>Colleen Hurst</td>
<td>Javascript Developer</td>
<td>San Francisco</td>
<td>2009/09/15</td>
<td>$205,500</td>
</tr>
<tr>
<td>18</td>
<td>Sonya Frost</td>
<td>Software Engineer</td>
<td>Edinburgh</td>
<td>2008/12/13</td>
<td>$103,600</td>
</tr>
<tr>
<td>13</td>
<td>Jena Gaines</td>
<td>Office Manager</td>
<td>London</td>
<td>2008/12/19</td>
<td>$90,560</td>
</tr>
</tbody>
</table>
</body>
</html>