jQuery数据表不显示标题

Question

我试图从对象获取jquery数据表的动态标题，但它不会绘制它们。

例如，使用此对象：

var tableData = [ 
    { id: 1, user: 'admin', pass: 'pass', role: 'admin' },
    { id: 2, user: 'user', pass: 'pass', role: 'user' } 
]

这是我的方法：

function generateDatatable(tableId, tableData) {

    var columns = [];
    if (tableData.length == 0) {
        columns[0] = { data: '-' };
    } else {
        Object.keys(tableData[0]).forEach(element => {
            columns[columns.length] = { data: element };
        });
    }

    jQuery('#' + tableId).DataTable({
        data: tableData,
        language: dataTablesTexts,
        pagingType: 'full',
        lengthMenu: [
            [10, 25, 50, -1], 
            [10, 25, 50, 'All']
        ],
        searching: true,
        ordering:  true,
        paging: true,
        select: false,
        info: true,
        responsive: true,
        columns: columns
    });

}

我可以看到值而不是标题。

结果列如下所示：

var columns = [
    {data: "id"},
    {data: "user"},
    {data: "pass"},
    {data: "role"}
]

如果我将data: "..."改为title: "..."我可以看到标题而不是值。

代码有什么问题。

Answer 1

您应该同时使用：data指向数据源中与每个条目的当前列对应的特定属性，并使用title指定列标题。