Question

如何在jquery datatable中设置两个动态标题行？

    function updateTable(params) {
    $.getJSON(
    window.location.pathname,
    params,
    function(result) {
        // Set table title
        $('#title_box').text(result.title);

        // Set table headers
        var column_titles = result.column_titles1.map(function(header) {
            return {
                'title': header
            };
        });

        // Let datatables render the rest.
        $('#datatable').dataTable({
            "ordering": false,
            "searching": false,
            "paging": false,
            "info": false,
            "columns": column_titles,
            "data": table.data
        });
    }
);}}

有了这个，我只能设置一个动态标头。我需要从我从ajax响应返回的数据中设置两个标题行。我将这两列分开为：

    {"column_titles1":[["value1"],["value2"]], "columns_titles2": [["value1"],["value2"]]}

Answer 1

直接使用jQuery执行此操作。在这里做一些假设，因为我看不到你的HTML，但假设你的桌子上有thead，用jQuery选择器找到它并将HTML设置为：

var header_rows = ["column_titles1", "column_titles2"].map(function(z) {
    return '<tr>' + result[z].map(function(y) {
            return '<td>' + y + '</td>';
        }).join("") + '</tr>'
}).join("");

$("#myTable thead").html(header_rows);

如何在jquery数据表中设置两个动态标题行？

1 个答案: