jQuery DataTables插件:动态添加列标题

时间:2014-12-05 21:02:12

标签: javascript jquery json datatables

我感兴趣的是创建一个函数,该函数在函数中传递the Data parameter的情况下动态创建DataTables。

以下是我到目前为止所写的内容,DataTables可以动态添加行,但不是列标题 - 可以在这里使用一些帮助(我已经阅读了DT API,但没有找到很多帮助)。

 var table2 = $('#example2').DataTable({
        "paging" : true,
        "ordering" : true,

     });


     // header row
    table2.columns().header(data["header"]).draw();

     // create rows
     for (var prop in data["staff"]) {
        table2.row.add([
        data["staff"][prop].name,
        data["staff"][prop].position,
        data["staff"][prop].office,
        data["staff"][prop].age,
        data["staff"][prop].Start_date,
        data["staff"][prop].salary
        ]).draw();
     }

传入函数的数据:

var data = {
"header": [
    "Name",
    "Position",
    "Office",
    "Age",
    "Start_date",
    "Salary"
],
"staff": [
    {
        "name": "Tiger Nixon",
        "position": "System Architect",
        "office": "Edinburgh",
        "age": 61,
        "Start_date": "2011/04/25",
        "salary": "$320,800"
    },
    {
        "name": "Garrett Winters",
        "position": "Accountant",
        "office": "Tokyo",
        "age": 63,
        "Start_date": "2011/07/25",
        "salary": "$170,750"
    },
    {
        "name": "Ashton Cox",
        "position": "Junior Technical Author",
        "office": "San Francisco",
        "age": 66,
        "Start_date": "2009/01/12",
        "salary": "$86,000"
    }
]
};

0 个答案:

没有答案