数据表头不显示在选项卡内答案

【问题标题】：dataTable head not show inside tabs数据表头不显示在选项卡内
【发布时间】：2010-06-24 06:33:47
【问题描述】：

我想显示来自 DB 的输入数据...我对使用 jquery dataTable 很感兴趣... 我一直在输入一些代码，但它似乎不是我想要的......我放在标签内。而且表头不显示..太丑了..

<table cellpadding="0" cellspacing="0" border="0" class="display" id="datalist">
                    <thead>
                            <tr>
                                    <th>Line </th>
                                    <th>Model </th>
                                    <th>Serial Number </th>
                                    <th>NIK </th>
                            <tr>
                    <thead>

                    <tbody>
                    </tbody>
            </table>


    <script>
    var oTable;
    $(document).ready(function(){
    oTable= $('#datalist').dataTable( {
                                     "bServerSide": true,
                                     "bProcessing": true,
                                     "sAjaxSource": 'process1.php',
                                     "aaSorting"  : [[1, "desc"]],
                                     "aoColumns"  : [
                                                     /*Line*/ null,
                                                     /*Model*/ null,
                                                     /*Serial Number*/ null,
                                                     /*NIK*/ null
                                                    ]
                                     } );

                    }); 
     </script>

我必须做什么？请帮忙..

【问题讨论】：

标签： jquery datatable

【解决方案1】：

我在许多项目中都使用数据表，对此我没有任何问题。您是否收到任何 javascirpt 或服务器端错误？

您的代码看起来几乎不错。我现在能看到的唯一错误是 'aocolumns' - 没有这样的东西，请改用 aoColumns。

也许您的数据表未正确显示的原因是缺少包含的 css 文件？默认情况下，除非您分配一些 css，否则数据表不会以任何方式设置样式（示例可以在 datatables.net 上找到）

datatables.net 上还有很棒的社区论坛，您可以在其中找到很多使用此插件的经验的人。

【讨论】：

【解决方案2】：

这是最有影响力的，如果你的程序想要运行良好，应该在那里：

<link href=".../demo_table.css" rel="stylesheet" type="text/css" media="all">
 <script type="text/javascript" language="javascript" src=".../jquery.dataTables.min.js"></script>

【讨论】：