jQuery DataTables排序不起作用 [英] jQuery DataTables sorting is not working
本文介绍了jQuery DataTables排序不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
使用jQuery 2.1.3和DataTables 1.10.5，当我单击列上方的上下箭头时，我的表不会排序.从文档中可以看出，这是最简单的示例，应该可以使用.我似乎无法弄清楚为什么不是这样.
Using jQuery 2.1.3 and DataTables 1.10.5, my table won't sort when I click on the up- and down-arrows above the columns. From what I can tell from the documentation, this is the simplest example, and should work. I can't seem to figure out why it isn't.
我的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>
推荐答案
您必须定义列数据的类型. 这里的问题似乎来自连字符，它可以正常工作没有它
You have to define the type of your column data. The problem here is coming from the hyphen it seems, it is working without it
解决方案: JsFiddle
$('#table-guid').dataTable( {
"columnDefs": [
{ "type": "numeric-comma", targets: "_all" }
]
});
这是 文档
这篇关于jQuery DataTables排序不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
