一.使用jquery.datatables.js

浏览数：42 / 时间：2015年06月09日

2014年8月10日星期日

使用jquery.datatables.js取后台数据。

1.html代码

<table class="dataTables-example">
<thead>
<tr>
<th>id</th>
<th>项目</th>
<th>内容</th>
<th>所属公司</th>
<th>开始日期</th>
<th>结束日期</th>
<th>成员</th>
<th>需求分析</th>
<th>方案</th>
<th>状态</th>
<th>操作人</th>
<th>备注</th>
</tr>
</thead>
</table>

2.js代码

 var tables=$(‘.dataTables-example‘).DataTable({

            "processing": true,

            // "serverSide": true,

            "ajax":{

                 "url":"initable",

            },

            "columns":[

                        { "data": "id" },

                        { "data": "project" },

                        { "data": "content" },

                        { "data": "company" },

                        { "data": "stime" },

                        { "data": "etime" },

                        { "data": "staff" },

                        { "data": "requirement" },

                        { "data": "scheme" },

                        { "data": "status" },

                        { "data": "operator" },

                        { "data": "note" },

                    ]

 

        });