Question

我是DataTables的新手，我在向数据表动态添加新行时遇到了问题。

这是我的初始化：

table = $("#college-list").DataTable({
    'ajax': {
       'url': 'admin/get_college',
       'type': 'GET'
    },
    'columns': [
       { 'data': 'college_abbrev', "bSortable": true  },
       { 'data': 'college_name' , "bSortable": true },
       {
         "mData": null,
         "bSortable": false,
         "mRender": function(data, type, college) {
            return '<button type="button" class="btn btn-primary edit-college table-condensed">Edit</button>'
                   +'<button data-id="' + college.college_id  + '" type="button" class="delete-college btn btn-primary table-condensed" href="">Delete</button>';
          }
       }
    ]
});

以下是我在添加新行时使用的示例代码（ca，cn和college_id是变量）：

table.row.add( [
    {
       "college_abbrev": ca,
       "college_name": cn,
       "button":'<button type="button" class="btn btn-primary edit-college table-condensed">Edit</button>'
                +'<button data-id="' + college_id  + '" type="button" class="delete-college btn btn-primary table-condensed" href="">Delete</button>'
    }
]).draw();

它会创建一行但除了按钮之外列是空的，它会出现以下错误：

DataTables警告：table id = college-list - 请求未知第17行参数'college_abbrev'

如何正确添加新行？

Answer 1

请改用以下代码：

table.row.add({
   "college_abbrev": ca,
   "college_name": cn,
   "college_id": college_id
}).draw();

您收到“请求的未知参数”错误，因为您将对象数组传递给row.add()，您应该在其中传递简单对象，有关详细信息，请参阅row.add()。

此外，您无需在调用row.add()时构建按钮。您的mRender功能会为您处理。相反，您需要传递college_id，因为mRender将需要它来生成按钮。

通常，您需要以与Ajax脚本row.add()使用的格式相同的格式将行数据传递给admin/get_college。

如何动态添加没有“请求的未知参数”错误的行

1 个答案: