首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在codeigniter中做数据表?

如何在codeigniter中做数据表?
EN

Stack Overflow用户
提问于 2017-05-19 01:14:27
回答 1查看 90关注 0票数 1

我正在从数据库中获取记录,并将数据转换为json数组。我得到了正确的json响应。但是表在我的视图中没有显示任何条目..请看一次。谢谢。

我的控制器

代码语言:javascript
运行
复制
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
           ); 
         
		echo json_encode($output);//
	}

我的观点

代码语言:javascript
运行
复制
<section  class="tab-pane fade in active" id="newPanel">
	            	
                  <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>	
	            </section>

我的ajax调用

代码语言:javascript
运行
复制
$('#example').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'
        ]
           
           
    } );
} );

EN

Stack Overflow用户

发布于 2017-05-19 17:23:12

您的Table ID属性和ajax call id属性不同。希望下面的代码能对你有所帮助。

代码语言:javascript
运行
复制
$('#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'
        ]


    } );
} );
票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44054110

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档