Javascript 向动态创建的html表添加分页

我正在尝试向动态生成的html添加分页。我已经在Default.aspx页面中添加了这些脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script>
<script type ="text/javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<link rel ="stylesheet" type=" text/css" href=" https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" />

<div id = resultDiv></div>

该表将显示在此分区中。 从web服务获取JSON响应后，将动态创建该表

我的JS文件如下所示

 $.ajax({
           url: 'cannot mention',
           method: 'get',
           data: requestData,
           dataType: 'json',
           success: function (data) {
               var ordersArray = data.orders;
               var i;
               var k;
               var quantityArray;

               var out = "<legend class='bluefont'><b><span id='info'>FOD</span></b></legend>"
               out += "<table id ='tableresult' border='2px' style='font-size: 8pt '>";

               out += "<tr><th> Order Date</th>";

               for (i = 0; i < ordersArray.length; i++) {
                   out += "<td>" + ordersArray[i].orderDate + "</td>";
               }
               out += "</tr>";
               out += "<tr><th>Delivery Date</th>";

               for (i = 0; i < ordersArray.length; i++) {
                   out += "<td>" + ordersArray[i].deliveryDate + "</td>";
               }
               out += "</tr>";
               out += "<tr><th>Quantity</th>";

               for (i = 0; i < ordersArray.length; i++) {
                   quantityArray = ordersArray[i].order

                   for (k = 0; k < quantityArray.length ; k++){
                   out += "<td>" + quantityArray[k].quantity + "</td>";
                   }
               }
               out += "</tr>";
               out += "</table>";

               document.getElementById("resultDiv").innerHTML = out;
               document.getElementById("tableresult").dataTable

$.ajax({
url:'不能提及'，
方法：“get”，
数据：请求数据，
数据类型：“json”，
成功：功能（数据）{
var ordersArray=data.orders；
var i；
var-k；
变量量化数组；
var out=“FOD”
out+=“”；
out+=“订单日期”；
对于（i=0；i

---

它说dataTable不是函数。请帮助

您需要jQuery对象来初始化jQuery DataTables。例如：

$('#tableresult').DataTable();

---

您需要使用jQuery对象来初始化jQuery数据表。例如：

$('#tableresult').DataTable();

---

您好，谢谢您的回答。我这样做了，但上面说数据表不是function@CSD，抱歉，有一个输入错误，应该是DataTable（），所以数据和表之间应该有一个空格吗？我仍然得到那个异常..未捕获的TypeError:$（…）.DataTable不是一个function@CSD，不应该有空格，请参见。请确保问题中定义的jQuery和jQuery DataTables JS/CSS文件实际加载到该页面上。您好，谢谢您的回答。我这样做了，但它说数据表不是function@CSD，抱歉，输入错误，应该是DataTable（）所以数据和表之间应该有一个空格吗？我仍然得到那个异常..未捕获的TypeError:$（…）。DataTable不是一个function@CSD，不应该有空格，请参见。请确保问题中定义的jQuery和jQuery DataTables JS/CSS文件实际加载到该页面上。