数据表1.10为“编辑”和“删除”按钮添加列

Question

我无法理解如何将“添加”列添加到Datatables 1.10。我想做这个：

从字面上看，“添加”是什么意思？如果我理解文档，您实际上并没有添加列，则只使用此处显示的“columnDefs”函数覆盖带有“生成内容”的目标： https://datatables.net/examples/ajax/null_data_source.html

这让我觉得现在我必须从我的服务器代码中添加新的“空”列才能为我的按钮添加一个位置。这看似错误或至少效率不高。然后我找到了render和columnDefs。

我基本上不理解差异，但这些似乎是唯一的选项，似乎都没有“创建/添加”新列。

`"data": "phone",
   "render": {
       "_": "plain",
       "filter": "filter",
       "display": "display"
    }

`

问题是添加额外列的位置/方式，按钮如何添加到新列。

*我意识到有类似的问题，但大多数似乎都适合1.9，或者假设您了解该列的来源。

Answer 1

使用 "fnRowCallback": function (nRow, aData, iDisplayIndex) { // to get datatable settings var oSettings = (this.fnSettings) ? this.fnSettings() : this; $("td:last", nRow).html('your add and delete button') return nRow; }, 添加/更新行数据。

$("td:last", nRow).parent().append('<td>your add and delete button</td>')

更新：如果您不想在服务器代码中添加假列，请使用此行

tr

此行找到每行的父td，并附加带有按钮的LOCATION