Javascript jQuery数据表排序不起作用
使用jQuery 2.1.3和DataTables 1.10.5,当我单击列上方的向上和向下箭头时,我的表不会排序。从文档中可以看出,这是最简单的示例,应该可以使用。我似乎不明白为什么不是 我的HTML/JavaScriptJavascript jQuery数据表排序不起作用,javascript,jquery,datatables,datatables-1.10,Javascript,Jquery,Datatables,Datatables 1.10,使用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-Comp
<!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>
简单例子
第1列
第2栏
第3栏
第1列
第2栏
第3栏
A-1
A-2
A-3
B-1
B-2
B-3
C-1
C-2
C-3
$(文档).ready(函数()
{
var table=$('#table guid')。DataTable();
});
您必须定义列数据的类型。
这里的问题来自连字符,它似乎在工作
解决方案:
以下是您必须定义列数据类型的方法。 这里的问题来自连字符,它似乎在工作 解决方案:
以下是您必须定义列数据类型的方法。 这里的问题来自连字符,它似乎在工作 解决方案:
以下是您必须定义列数据类型的方法。 这里的问题来自连字符,它似乎在工作 解决方案:
这是您在控制台中看到任何错误吗?我刚刚在a中尝试并为我工作:)您的资产文件夹中是否有
jquery.dataTables.min.css
或jquery.dataTables.css
。您似乎正在为所有文件使用缩小版本控制台中没有错误,我正在使用所有库的缩小版本。您的问题来自td的内容。我不知道为什么,但如果你用其他任何可以工作的东西替换A-1,即使你用A-11替换A-1,它也可以工作。你在控制台中看到任何错误吗?我刚刚在a中尝试并为我工作:)您的资产文件夹中是否有jquery.dataTables.min.css
或jquery.dataTables.css
。您似乎正在为所有文件使用缩小版本控制台中没有错误,我正在使用所有库的缩小版本。您的问题来自td的内容。我不知道为什么,但如果你用其他任何可以工作的东西替换A-1,即使你用A-11替换A-1,它也可以工作。你在控制台中看到任何错误吗?我刚刚在a中尝试并为我工作:)您的资产文件夹中是否有jquery.dataTables.min.css
或jquery.dataTables.css
。您似乎正在为所有文件使用缩小版本控制台中没有错误,我正在使用所有库的缩小版本。您的问题来自td的内容。我不知道为什么,但如果你用其他任何可以工作的东西替换A-1,即使你用A-11替换A-1,它也可以工作。你在控制台中看到任何错误吗?我刚刚在a中尝试并为我工作:)您的资产文件夹中是否有jquery.dataTables.min.css
或jquery.dataTables.css
。您似乎正在为所有文件使用缩小版本控制台中没有错误,我正在使用所有库的缩小版本。您的问题来自td的内容。我不知道为什么,但是如果你用其他什么东西替换A-1,即使你用A-11替换A-1,它也能工作
$('#table-guid').dataTable( {
"columnDefs": [
{ "type": "numeric-comma", targets: "_all" }
]
});