将html字符串添加到表

时间:2019-03-19 14:16:22

标签: javascript jquery html datatables

我已经尝试了将近一天!

我有一个"<tr>...</tr>"字符串数组,要添加到Datatables表中。但是我尝试过的每一种方法总是导致整个[object HTMLTableRowElement]仅被推入第一列

我应该怎么做?你能帮忙吗?

到目前为止我所拥有的:

var table = $j('#table_view_subs').DataTable();

var fakehtml = '<tr><td> 1 </td> <td> 2 </td> <td> 3 </td> <td> 4 </td> <td> 5 </td></tr>';

table.row.add($(fakehtml)).draw();

我尝试用javascript创建一个元素,添加html,然后进行row.adding。还尝试了很多其他的东西,我什至都不知道x(

好,这是fiddle

2 个答案:

答案 0 :(得分:0)

我删除了HTML,而是为各列提供了一个输入数组。

工作示例:https://jsfiddle.net/vpjmzc6k/

table.filter.pop()

$(document).ready( function () {
    const table = $('#table_view_subs').DataTable(),
    input = [1,2,3,4,5,6];

    table.row.add(input).draw();
} );

答案 1 :(得分:0)

数据表row.add() API函数可以将JQuery节点作为参数。您可以这样:

strArray.forEach(function(el){
    table.row.add($(el));
});
table.draw();

假设strArray是字符串数组,并且每个字符串代表一个<tr>元素,这应该可以工作。