您的位置:首页 > 产品设计 > UI/UE

DataTables Requested unknown parameter 'id' for row 0, column 0.

2017-11-07 17:08 357 查看
前提是你的dataTables配置没出错!!!!!

出现

 DataTables warning: table id=mytable - Requested unknown parameter 'id' for row 0, column 0. For more information about this error, please see http://datatables.net/tn/4 

的错误,是你后台传来的数据不是json对象格式,尽管你的后台数据类型是json数组,它也会报同样的错,所以你必须要将你的后台数据变成json对象类型

若你不想在后台改,你也可以在前端修改下,将data转化成对象。

 $.ajax({

            type:'get',

            datatype:'json',

            url:'你的url',

            success:function(data){

            console.log(data);

            data=eval("("+data+")"); 

            $('#mytable').DataTable({

                        //lengthMenu: [5, 10, 20, 30],//这里也可以设置分页,但是不能设置具体内容,只能是一维或二维数组的方式,所以推荐下面language里面的写法。

                        paging: false,//分页

                        ordering: true,//是否启用排序

                        searching: true,//搜索

                        bLengthChange: false,

                        language: {

                            lengthMenu: '<select class="form-control input-xsmall">' + '<option value="1">1</option>' + '<option value="10">10</option>' + '<option value="20">20</option>' + '<option value="30">30</option>' + '<option value="40">40</option>'
+ '<option value="50">50</option>' + '</select>条记录',//左上角的分页大小显示。

                            search: '<span class="label label-success">搜索:</span>',//右上角的搜索文本,可以写html标签

                            paginate: {//分页的样式内容。

                                previous: "上一页",

                                next: "下一页",

                                first: "第一页",

                                last: "最后"

                            },

                            zeroRecords: "没有内容",//table tbody内容为空时,tbody的内容。

                            //下面三者构成了总体的左下角的内容。

                            info: "总共_PAGES_ 页,显示第_START_ 到第 _END_ ,筛选之后得到 _TOTAL_ 条,初始_MAX_ 条 ",//左下角的信息显示,大写的词为关键字。

                            infoEmpty: "0条记录",//筛选为空时左下角的显示。

                            infoFiltered: ""//筛选之后的左下角筛选提示,

                        },

                        paging: true,

                        pagingType: "full_numbers",//分页样式的类型

                        data:data,

                        "columns":[

                                 {data:"id"},

                                 {data:"deviceId"},

                                 {data:"onOffLine"},

                                 {data:"time"}

                            

                                 ]

            });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐