时间戳

首页 > 解决方案 > 将html字符串添加到表中

javascript - 将html字符串添加到表中

问题描述

我已经尝试了将近一天！

"<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（

好的，这是小提琴！

标签： javascriptjqueryhtmldatatables

解决方案

我已经删除了 HTML，而是为列提供了一个输入数组。

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

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

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

<table id="table_view_subs">
 <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            </tbody>
</table>

推荐阅读