Question

我试图从javascript动态绘制一个表，我能够成功地做到这一点，但是当我想通过＆＃34; lengthMenu＆＃34;它不会起作用。

同样，当我尝试搜索时，它也无法正常工作。

$('#step5ResponseTable').DataTable( {
    "lengthMenu": [[1, 2], [1, 2]],
    columnDefs: [ {
         targets:   0
    } ]
} );

$("#step5ResponseTable").empty();
                         var th = '<thead>' + 
                         '<tr>'+
                         '<th> Device Name </th>'+
                         '<th> Status </th>'+
                         '<th> Reason </th>'+
                         '</tr>'+
                         '</thead>';
                         $('#step5ResponseTable').append(th);
                        for(var i=0; i < aa.length; i++){
                            var response = callAPI(JSON.stringify(aa[i]), i);
                                    var tr = '<tr>'+
                                     '<td>'+'Device'+'</td>'+
                                     '<td>'+'Success'+'</td>'+
                                     '<td>'+'HHH'+i+'</td>'+
                                     '</tr>';   
                                      $('#step5ResponseTable').append(tr);
                        }

<table class="display" cellspacing="0" id="step5ResponseTable">
                                        </table>

版本的jquery.dataTables.min.js - ＆gt; 1.10.13

jquery.dataTables.min.css

当我每页选择1或2条记录时，它无法正常工作

Answer 1

根据@Jerodev的上述评论，我得到了如下工作

$("#step5ResponseTable").empty();
                         var th = '<thead>' + 
                         '<tr>'+
                         '<th> Device Name </th>'+
                         '<th> Status </th>'+
                         '<th> Reason </th>'+
                         '</tr>'+
                         '</thead>';
                         $('#step5ResponseTable').append(th);
                        for(var i=0; i < aa.length; i++){
                            var response = callAPI(JSON.stringify(aa[i]), i);
                                    var tr = '<tr>'+
                                     '<td>'+'Device'+'</td>'+
                                     '<td>'+'Success'+'</td>'+
                                     '<td>'+'HHH'+i+'</td>'+
                                     '</tr>';   
                                      $('#step5ResponseTable').append(tr);
                        }

//在此之后我初始化了数据表

$('#step5ResponseTable').DataTable( {
    "lengthMenu": [[1, 2], [1, 2]],
    columnDefs: [ {
         targets:   0
    } ]
} );

来自javascript的数据表动态形成

1 个答案: