Question

我使用row.add()方法向jQuery数据表动态添加新行。我使用角度js从api获取数据并将它们作为新行添加到表中。下面是我的表行结构。

<tr ng-repeat="datum in userData">
                <td>{{datum.no}}</td>
                <td><a href="/Public/User/{{datum.subId}}">{{datum.fullName}}</a></td>
                <td>{{datum.productsIntoAccount}}</td>
                <td>{{datum.state}}</td>
                <td>{{datum.country}}</td>
</tr>

负责动态添加行的代码如下所示。

datatable = $("#data-table").DataTable({
                        "responsive": true,
                        "paging": false

});
var data = response.data;
                for (var i = 0; i < data.length; i++) {
                    datatable.row.add([
                        data[i].no,
                        data[i].fullName,
                        data[i].productsIntoAccount,
                        data[i].state,
                        data[i].country,
                        data[i].subId
                    ]).draw(false);
}

正如您在表格行结构中所看到的，fullName是一个超链接，它从api数据中获取subId以将其添加到href中。我的问题是如何在表数据中使用row.add()方法添加超链接？

Answer 1

修改：根据评论部分中的建议，我简化了答案。

var data = response.data;
                for (var i = 0; i < data.length; i++) {
                    datatable.row.add([
                        data[i].no,
                        '<a href="/Public/User/' + data[i].subId + '">' + data[i].fullName + '</a>',
                        data[i].productsIntoAccount,
                        data[i].state,
                        data[i].country
                    ]).draw(false);
                }

jQuery DataTables使用row.add（）方法添加超链接

1 个答案: