javascript - DataTables 从 Ajax 问题构建表，从文件确定，缺少参数？表中无可用数据

Question

我在使用 Datatables 从 javascript 填充数据时遇到问题。

如果我从文件加载相同的 javascript 结果，它可以完美地使用数据表参数定义中的“ajax”属性。了解到我需要改用“数据”属性。

文件包含:{ "data": [{ "meter": "test", "id": 15, "desc": "testDesc"}] }

这是我的功能:

$(document).ready(function () {
    dataset = {
        "data": [{
            "meter": "test",
            "id": 15,
            "desc": "testDesc"
        }]
    };
    //var dataset = [  ['test','15','testDesc'] ];            

    $('#MeterDataTable').DataTable({
        //"ajax": 'DataTables-1.10.7/examples/ajax/data/meterDataJsonDown.txt',
        "data": dataset,
            "columns": [{
            "data": "meter"
        }, {
            "data": "id"
        }, {
            "data": "desc"
        }]
    });
    //saveToFile(dataset);
    //  alert('dataset is '+ dataset);
});  

HTML

<table id="MeterDataTable" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>meter</th>
            <th>id</th>
            <th>desc</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>meter</th>
            <th>id</th>
            <th>desc</th>
        </tr>
    </tfoot>
</table>

这可行，但需要通过删除列名来格式化 jSon javascript 返回的数据。

$(document).ready(function () {
    var dataset = [
        ['test', '15', 'testDesc']
    ];
    $('#MeterDataTable').DataTable({
        "data": dataset,
            "columns": [{
            "title": "meter"
        }, {
            "title": "id"
        }, {
            "title": "desc"
        }]
    });
});

更新: http://jsfiddle.net/j5a390d9/

Answer 1

您的 DataTables 脚本已过时。旧脚本使用不同的语法从 JavaScript 加载数据表。

请引用this JSfiddle要查看您的示例是否正常工作 - 您可以使用以下版本的 DataTables 脚本:

https://cdn.datatables.net/1.10.0/js/jquery.dataTables.js