Question

这是我的数据表。运行正常：

uid=5 - count = 2
uid=9 - count = 1

脚本：

<table class="table table-bordered table-hover table-striped display" width="100%" cellspacing="0">
     <thead>
          <tr>
            {% for key, value in columns %}
               <th>
                  {{ key }}
               </th>
            {% endfor %}
          <th width="100">Aktion</th>
          </tr>
     </thead>
</table>

我现在要添加功能“添加行”。所以我要添加以下代码：

 var table = $('.table').DataTable({
    "ajax": {
      "url": "../data/data.json",
      "dataSrc": ""
    },

    "columns": [
      {% for key, value in columns %}
      {   "data": "{{ key }}"},
      {% endfor %}
      { "data": "uniqueId" }
    ]
  });

但是当我加载新页面时，出现以下错误消息（我没有单击任何按钮）：

DataTables警告：表ID = DataTables_Table_0-请求的未知第0行第0列的参数“ id”。有关此的更多信息错误，请参阅http://datatables.net/tn/4

https://datatables.net/examples/api/add_row.html

Answer 1

我有解决方法：

var counter = 1;

$('#addRow').on( 'click', function () {
   table.row.add({
        {% for key, value in columns %}
        "{{ key }}": counter,
        {% endfor %}
   }).draw();
   counter++;
});

如何在数据表中使用“添加行”功能？

1 个答案: