dataTable头部不显示在选项卡内

时间:2010-06-24 06:33:48

标签: jquery datatable

我想显示来自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>

我该怎么办?请帮忙..

2 个答案:

答案 0 :(得分:0)

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

你的代码看起来很不错。我现在只能看到的错误是'aocolumns' - 没有这样的东西,请改用aoColumns。

也许你的数据表没有正确显示的原因是缺少包含的css文件?默认情况下,数据表没有以任何方式设置样式,除非您指定一些css(示例可以在datatables.net上找到)

在datatables.net上也有很棒的社区论坛,你可以找到很多有这个插件的人。

答案 1 :(得分:0)

这是最有影响力的,如果您的计划想要运行良好,应该在那里:

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