qtip2 팝업의 jQuery 데이터 테이블

Question

qtip2 팝업에 jQuery datatables 테이블을 삽입하고 싶습니다. 이 테스트를 수행했습니다 : http://jsfiddle.net/fDavN/5588/

그러나 검색 및 페이지 매김은 표시되지 않습니다.

$(document).ready(function() { 

    $('.btn-layer').each(function() {  
    $(this).qtip({ 
     content: { 
      text: 'Loading...',    
      title: { 
       text: 'User', 
       button: true 
      }, 
      ajax: { 
       url: '/echo/json/', 
       type: 'GET', 
       dataType: 'text', 
       cache: false,     
       //dataType: 'json', 
       //contentType: 'application/json; charset=utf-8', 
       //dataType: 'json', 
       //data: { id: c_id }, 
       success: function(data) { 
        //var data = eval('(' + data + ')');           
        data = testJson;      
        var $tab = $('<table class="table table-striped table-bordered dataTable" id="tbl1"></table>');                
        $($tab).dataTable({      
         "aaData": data.aaData, 
         "aoColumns": data.aoColumns 
        }); 
        this.set('content.text', $($tab)); 
       }, 
       error: function (xhr, ajaxOptions, thrownError) { 
        alert('AJAX error!'); 
       } 
**** 


}); 

아이디어가 있습니까?

감사합니다.

Answer 1

저는 jquery datatables lot을 사용합니다. 문제는 귀하의 페이지에 <table class="table table-striped table-bordered dataTable" id="tbl1"></table> 요소를 추가하지 않았다는 것입니다. 코드를 변경했지만 테스트 할 시간이 없었습니다. 너는해볼 수있다.

success: function(data) { 
    //var data = eval('(' + data + ')');           
    data = testJson;      

    $('<table class="table table-striped table-bordered dataTable" id="tbl1"></table>').appendTo('body').dataTable({      
     "aaData": data.aaData, 
     "aoColumns": data.aoColumns 
    }); 
    this.set('content.text', $($tab)); 
},