Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 数据表的列不工作_Javascript_Jquery_Ajax_Datatables - Fatal编程技术网

Javascript 数据表的列不工作

Javascript 数据表的列不工作,javascript,jquery,ajax,datatables,Javascript,Jquery,Ajax,Datatables,请查看随附的应用程序图片,其中没有显示列订单ID,而是显示加号。因此,所有列都应该向右移动一列 当我运行应用程序时,它始终向我显示以下错误消息: DataTables警告(表id=‘公司’):添加的数据(大小3)与已知列数(4)不匹配 varotable; $(“#公司tbody td img”).live('click',function(){ var nTr=this.parentNode.parentNode; if(this.src.match('details_close')){

请查看随附的应用程序图片,其中没有显示列订单ID,而是显示加号。因此,所有列都应该向右移动一列

当我运行应用程序时,它始终向我显示以下错误消息:

DataTables警告(表id=‘公司’):添加的数据(大小3)与已知列数(4)不匹配

varotable;
$(“#公司tbody td img”).live('click',function(){
var nTr=this.parentNode.parentNode;
if(this.src.match('details_close')){
/*此行已打开-关闭它*/
this.src=“/Content/images/details_open.png”;
可旋转。关闭(nTr);
}
否则{
/*打开这一排*/
this.src=“/Content/images/details\u close.png”;
var orderid=$(this.attr(“rel”);
$.get(“Me?OrderID=“+OrderID,函数(detalet)){
fnOpen(nTr、detalet、“细节”);
});
}
});
/*初始化表并使第一列不可排序*/
oTable=$(“#公司”).dataTable({
“bProcessing”:正确,
“bServerSide”:正确,
“sAjaxSource”:“AjaxHandler”,
“bJQueryUI”:没错,
“aoColumns”:
[
{“bSortable”:false,
“可搜索”:错误,
“fnRender”:函数(oObj)
{
返回“”;
}
},
无效的
无效的
无效的
]
});

订单号
客户ID
船址

您应该在aoColumns定义中指定列号,例如:

"aoColumnDefs":[
    {
        "mData": null,
        "bSortable": false, 
        "bSearchable": false,
        "fnRender": function (oObj) {
            return '<img src="/Content/images/details_open.png" alt="expand/collapse" rel="' + oObj.aData[0] + '" />';
        }
    },
    { "mData": 0 },
    { "mData": 1 },
    { "mData": 2 },
    { "mData": 3 }
]
“aoColumnDefs”:[
{
“mData”:空,
“可移植”:错误,
“可搜索”:错误,
“fnRender”:函数(oObj){
返回“”;
}
},
{“mData”:0},
{“mData”:1},
{“mData”:2},
{“mData”:3}
]
以及HTML标记:

<table id="companies" class="display">
    <thead>
        <tr>
            <th></th>
            <th>Order  ID</th>
            <th>Customer ID</th>             
            <th>Ship Address</th>
            <th>Country</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

订单号
客户ID
船址
国家

aoColumns
使用以下结构:

“aoColumns”:[
{ 
“mData”:0,
“可移植”:错误,
“可搜索”:错误,
“mRender”:功能(数据、类型、完整){
返回“”;
}
},
{“mData”:1},
{“mData”:2},
{“mData”:3}
]
使用以下HTML标记:

<table id="companies" class="display">
    <thead>
        <tr>
            <th></th>
            <th>Order  ID</th>
            <th>Customer ID</th>             
            <th>Ship Address</th>
            <th>Country</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

订单号
客户ID
船址
国家

您应该从html代码中删除第一个th标记,或者告诉dataTables不要使用此列。您声明的列多于数据。现在不显示加号图像,第一列应返回img src=“/Content/images/details\u open.png同样,请查看附件中的图片,我已编辑了问题,以查看我是否执行了所有复制粘贴操作,但它不起作用。请查找附件中的应用程序图片,其中带有加号图像的列1未显示,所有列应向右移动1。”。第1列是加号图像,第2列是订单ID,第3列是客户ID,第4列是发货地址现在没有显示加号图像,第一列应该返回img src=“/Content/images/details\u open.png请仔细检查/Content/images/details\u open.png下的图像是否不是一个加号。details\u open是一个加号的png文件,并且存在于该文件中。如何在第一列中显示它,然后在其他列中显示。它将显示在第一列中。你想把它放在表的右边(最后一列)?表的第一列应该是图像,然后是订单id,然后是客户id,然后是发货地址。就是这样。