添加分页动态创建html表

Question

我想添加分页到动态生成的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> 

表将出现在这个div中添加这些脚本。正在获得来自Web服务

我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 

一个JSON响应后动态创建 表它说，数据表上没有的功能。请帮忙

Answer 1

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

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