Javascript 正在显示空数据表网格
我编写了一个小示例程序,使用Datatable在网格中绑定JSON数据Javascript 正在显示空数据表网格,javascript,jquery,datatable,Javascript,Jquery,Datatable,我编写了一个小示例程序,使用Datatable在网格中绑定JSON数据 <html> <head> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> </head> <body> <table id="example"&
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
</head>
<body>
<table id="example">
<thead>
<tr><th class="site_name">symbol</th><th>qunatity </th></tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<script>
$(function(){
var r = [
{"symbol":"BPCL","qunatity":"1222"},{"symbol":"HDCF","qunatity":"2333"}
]
$("##example").dataTable({
"aaData":r,
"bJQueryUI": true,
"bDestroy": true,
"iDisplayLength": 50,
"bProcessing": true,
"aaSorting": [[0, 'desc']],
"aoColumns": [
{ "mData": "symbol" },
{ "mData": "qunatity" }
],
});
})
</script>
</body>
</html>
符号质量
$(函数(){
变量r=[
{“符号”:“BPCL”,“数量”:“1222”},{“符号”:“HDCF”,“数量”:“2333”}
]
$(“##示例”).dataTable({
“aaData”:r,
“bJQueryUI”:没错,
是的,
“iDisplayLength”:50,
“bProcessing”:正确,
“aaSorting”:[[0,'说明']],
“aoColumns”:[
{“mData”:“symbol”},
{“mData”:“数量”}
],
});
})
当我运行这个程序时,除了标题外,没有显示任何数据,您能告诉我原因吗?您在
$(“##示例”).dataTable中有一个额外的
({
非常感谢您处理您的更改,我还有一个问题,如何在每个字段上应用排序??这是可能的吗?如果我没有记错的话,您可以在dataTable文档中找到示例。