正在显示空dataTable gird

时间:2014-04-08 05:36:25

标签: 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">
  <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>

当我运行除了标题之外的这个程序时,没有显示任何数据,请你告诉我它可能是什么原因?

1 个答案:

答案 0 :(得分:1)

#

中有额外的$("##example").dataTable({