Jquery：在数据表中添加自定义行

【问题标题】：Jquery: add custom row in datatablesJquery：在数据表中添加自定义行
【发布时间】：2013-07-11 19:03:12
【问题描述】：

我创建了一个 html 页面，其中包含五列。最后一个包含一个按钮。（每一行的最后一列都有一个按钮）。

我正在使用数据表插件：

var oTable = $(".datatable-fn").dataTable({
    sPaginationType: "full_numbers"
});

现在我需要向表中添加新行。我知道存在执行此操作的 fnAddData 函数，但我不知道如何在行的最后一个单元格中添加按钮。

【问题讨论】：

标签： javascript jquery html datatables

【解决方案1】：

您可以在新单元格中添加任何 HTML 内容：

$('#example').dataTable().fnAddData( [
    giCount+".1",
    giCount+".2",
    giCount+".3",
    "<button>My button</button>" ] );

使用createElement：

var button = document.createElement("button");
button.innerHTML = "My button";

$('#example').dataTable().fnAddData( [
    giCount+".1",
    giCount+".2",
    giCount+".3",
    button.outerHTML  ] )

【讨论】：

这么简单？ :D 我可以定义一个更复杂的对象吗，使用 createElement，然后将对象传递给 fnAddData？