Jquery数据表: Unable to add new column based on result of ajax call - Getting error datatable requested unknown parameter

标签 jquery datatables html-table

我是数据表新手(http://datatables.net/)。我需要根据 ajax 调用结果的计算添加列。我尝试了以下方法,但收到错误“数据表从行的数据源请求未知参数”。对于这种需求来说,这是正确的方法吗?我将非常感谢您在这方面的帮助。 这是表结构的样子:

<table id="result" class="show_hide">
    <thead>
        <tr>
            <th>Time1</th>
            <th>Time2</th>
            <th>Elapsed Time</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

这是我的 ajax 调用的示例输出:

[{
    "time1": 12345,
    "time2": 56789
},  
{
        "time1": 2000,
        "time2": 3000
}]

这就是我正在尝试使用数据表

$('#result').dataTable({
        "sAjaxSource": "http://" + hostname + ":" + port + api,
        "sAjaxDataProp": "",
        "iDisplayLength": 25,
        "bRetrieve": true,
        "sPaginationType": "full_numbers",
        "aoColumns": [{
            "mDataProp": "time1"
        },
        {
            "mDataProp": "time2"
        },
       {
            "mRender": function(data, type, row) {

                return (row.time2 - row.time1);
            },
            "mDataProp": null
       }
    ]
    });

最佳答案

正如您在 documentation 中看到的那样您必须从服务器返回一个具有某些必需属性的对象。

所以你应该返回类似的内容

{ iTotalRecords : 2, iTotalDisplayRecords: 2, aaData: [{
    "time1": 12345,
    "time2": 56789
},  
{
        "time1": 2000,
        "time2": 3000
}] 
}

关于Jquery数据表: Unable to add new column based on result of ajax call - Getting error datatable requested unknown parameter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12629648/

相关文章:

html - jQuery DataTables 中的水平滚动

javascript - 单击时更改元素的颜色

jquery - 使用 Ajax 请求创建包含嵌套表的新行

javascript - 根据浏览器窗口尺寸自动调整图像大小

asp.net-mvc-4 - JQuery DataTable-在渲染函数中访问行数据,ajax 数据源未定义?

jquery - 在 JQuery 中更改 td 的 html

javascript - 使用 Javascript 创建 HTML 表格

html - 将可滚动的 div 放入表中

php - 使用 PHP 和 jQuery 将 PDF 打印到页面

javascript - 用键盘(没有鼠标)完全控制网站?