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来指定列标题。