[英]jQuery DataTables sorting is not working
使用jQuery 2.1.3和DataTables 1.10.5,当我单击列上方的上下箭头时,我的表不会排序。 从文档中可以看出,这是最简单的示例,应该可以使用。 我似乎无法弄清楚为什么不是。
我的HTML / JavaScript
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Simple Example</title>
<link rel="stylesheet" media="screen" href="/assets/css/bootstrap.min.css">
<link rel="stylesheet" media="screen" href="/assets/css/bootstrap-theme.min.css">
<link rel="stylesheet" media="screen" href="/assets/css/jquery.dataTables.css">
</head>
<body>
<table id="table-guid" class="display compact" cellspacing="0" width="100%">
<thead>
<tr>
<th>Column-1</th>
<th>Column-2</th>
<th>Column-3</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Column-1</th>
<th>Column-2</th>
<th>Column-3</th>
</tr>
</tfoot>
<tbody>
<tr id="A">
<td>A-1</td>
<td>A-2</td>
<td>A-3</td>
</tr>
<tr id="B">
<td>B-1</td>
<td>B-2</td>
<td>B-3</td>
</tr>
<tr id="C">
<td>C-1</td>
<td>C-2</td>
<td>C-3</td>
</tr>
</tbody>
</table>
<script src="/assets/js/jquery-2.1.3.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function ()
{
var table = $('#table-guid').DataTable();
});
</script>
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.