Question

我有一个问题我无法解决。

我有一个屏幕，我有一个textarea，其中一个代码从Excel粘贴，当您单击“生成表”按钮时，将生成一个具有相同结构类型的HTML表。直到我到达那里，但现在我正在尝试创建一个Datatable现在类型的表，但是在创建属性时，“过滤器”或“总记录”丢失了。事实上，它不会在表格中滚动，简而言之，不会使用属性创建。

我离开了我的代码段，希望你能帮助我。

// HTML表格代码

<div class="table-responsive">
    <table class="table table-striped table-bordered table-hover" id="tableMovimientos">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2/</th>
                <th>Column 3/</th>
                <th>Column 4/</th>
                <th>Column 5/</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>

//表格的HTML div生成代码

<div class="modal-footer">
    <p>Paste you excel data:</p>
    <textarea name="excel_data" style="width:250px;height:150px;"></textarea>
    <br>
    <button id="btn-generateTable" type="button" class="btn btn-info"> Generate table <i class="fa fa-refresh"></i></button>
    <br>
    <div id="excel_table">
    </div>
</div>

// Jquery按钮“生成表”代码

$("#btn-generateTabla").click(function() {
    var data = $('textarea[name=excel_data]').val();
    console.log(data);
    var rows = data.split("\n");

    var table = $('<table />');

    var aux = "";
    for (var y in rows) {
        var cells = rows[y].split("\t");
        var row = $('<tr />');
        aux += "'<tr>\n'";
        for (var x in cells) {
            row.append('<td>' + cells[x] + '</td>');
            aux += '<td>' + cells[x] + '</td> \n';
        }
        aux += "</tr> \n"
            //alert(y + " " + rows)
    }
    table.append(row);

    //alert(aux)

    // Insert into DOM
    $('#tableMovimientos tbody').html(aux);
});

为什么在创建表时数据表属性会丢失？

0 个答案: