codeigniterでデータテーブルを作成するには？

Question

私はデータベースからレコードを取り出し、データをjson配列に変換しています。私はjson応答を正しく取得しています。テーブルには私の見解には何のエントリーも見えません。一度見てください。ありがとう。

私のコントローラ

function test() { 
 

 
      
 
    $list = $this->get_data_model->get_apartment_details(); 
 
     $data = array(); 
 
     $no = $_POST['start']; 
 
     foreach ($list as $apartments) { 
 
      $no++; 
 
      $row = array(); 
 
      $row[] = $no; 
 
      $row[] = $apartments->a_id; 
 
      $row[] = $apartments->a_name; 
 
      $data[] = $row; 
 
     } 
 

 
      $output = array( 
 
       "draw"     =>  5, 
 
       "recordsTotal"   =>  2, 
 
       "recordsFiltered"  =>  1, 
 
       "data"     => $data 
 
      ); 
 
      
 
\t \t echo json_encode($output);// 
 
\t }

私の見解

<section class="tab-pane fade in active" id="newPanel"> 
 
\t    \t 
 
        <table style='width:100%'' class='table' id='example'> 
 
         <thead> 
 
          <tr> 
 
          <th> ID </th> 
 
          <th> Name </th> 
 
          <th> Activate </th> 
 
          <th> Edit </th> 
 
          </tr> 
 
         </thead> 
 
         
 

 
        </table> \t 
 
\t    </section>

私のAJAX呼び出し

$('#example').DataTable({ 
 
     
 
     "processing" : true, 
 
     "serverSide" : true, 
 
     "ajax" : { 
 
        
 
        "type" : "POST", 
 
        "url": "<?php echo base_url("apartments/test");?>", 
 
        "dataSrc" : "" 
 
        
 
       }, 
 

 
     "columns": [ 
 
       { "data": "a_id"}, 
 
       { "data": "a_name" } 
 
       
 
      ], 
 

 

 
\t \t "dom": 'Bfrtip', 
 
     "buttons": [ 
 
      { 
 
       "extend": 'copyHtml5', 
 
       "exportOptions": { 
 
       "columns": ':contains("Office")' 
 
       } 
 
      }, 
 
      'excelHtml5', 
 
      'csvHtml5', 
 
      'pdfHtml5' 
 
     ] 
 
      
 
      
 
    }); 
 
});

Answer 1

あなたのテーブルのID属性とあなたのAJAX呼び出しのid属性が異なっています。コードの下に希望があなたを助けるでしょう。

$('#newPanel').DataTable({ 

     "processing" : true, 
     "serverSide" : true, 
     "ajax" : { 

        "type" : "POST", 
        "url": "<?php echo base_url("apartments/test");?>", 
        "dataSrc" : "" 

       }, 

     "columns": [ 
       { "data": "a_id"}, 
       { "data": "a_name" } 

      ], 


     "dom": 'Bfrtip', 
     "buttons": [ 
      { 
       "extend": 'copyHtml5', 
       "exportOptions": { 
       "columns": ':contains("Office")' 
       } 
      }, 
      'excelHtml5', 
      'csvHtml5', 
      'pdfHtml5' 
     ] 


    }); 
});