Jquery数据表未显示列标题

前端之家收集整理的这篇文章主要介绍了Jquery数据表未显示列标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在关注 the example here.使用包含对象的数组.

我在这样的for循环中创建我的数组

historyArray[i] = {
    "User": strUserName,"Timestamp" : date.toString(),"Latitude" : point.lat,"Longitude" : point.lng
};

我的数据表实现:

$(document).ready(function() {
    $('#dynamic').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="report"></table>');
    $('#report').dataTable({
        "aaData": historyArray,"aoColumns": [
            { "mDataProp": "User" },{ "mDataProp": "Timestamp" },{ "mDataProp": "Latitude" },{ "mDataProp": "Longitude" }
        ],"bJQueryUI": true,"sPaginationType": "full_numbers","sDom": '<"H"Tfr>t<"F"ip>',"oTableTools": {
            "sSwfPath": "swf/copy_csv_xls_pdf.swf","aButtons": ["copy","csv","xls","pdf"]
        }
    }); 
});

我正确地获取数据,但没有列标题,我错过了什么?

解决方法

尝试更改您的< table>像这样的元素:
<table id=report>
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
    </thead>
</table>

这样就可以创建标题了.如果单击示例页面上的查看源,您将看到相同的实现.

猜你在找的jQuery相关文章