Jquery数据表未显示列标题

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

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

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

我的数据表实现:

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

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

解决方法

尝试更改您的< table>像这样的元素:
  1. <table id=report>
  2. <thead>
  3. <tr>
  4. <th>Header 1</th>
  5. <th>Header 2</th>
  6. </tr>
  7. </thead>
  8. </table>

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

猜你在找的jQuery相关文章