css脚本与数据表脚本

时间:2010-07-08 04:30:05

标签: css datatable show

是因为css代码而无法显示我的数据表吗?

<html>
<head> 
   <title>OQC INSPECTION REPORT</title>
   <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
   <link href="js/demo_table.css" rel="stylesheet" type="text/css" media="all">
       <script type="text/javascript" language="javascript" src="js/jquery-1.4.min.js"></script>
       <script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>


    <style type="text/css">
           body      { font-family: Verdana; font-size:40%; }
           label { width: 15em; float: left; }
           label.error {display: none; float: none; color: red; padding-left: .5em; vertical-align: top; }
           p { clear: both; }
           .submit { margin-left: 12em; }
           em { font-weight: bold; padding-right: 1em; vertical-align: top; }
     </style>

     <style type="text/css">
           body
           {
             font-family:Times new roman, verdana;
             font-size:22px;
             width: 900px;
             height:70px;
             margin-left: auto;
             margin-right: auto;
             background-image:url("wood_texture2.jpg");
           }
     </style>
    <script type="text/javascript">
            $(document).ready(function() {
                    var oTable;
                    $("#show").click(function(event){
                                    oTable = $("#datalist").dataTable({
                                                    "bRetrieve"  : true,
                                                    "bServerSide": true,
                                                    "bProcessing": true,
                                                    "sAjaxSource": 'showlist1.php',
                                                    "aaSorting"  : [[1,"desc"]],
                                                    "aoColumns"  : [
                                                                    /*Line*/  null,
                                                                    /*Model*/ null,
                                                                    /*NIK*/   null
                                                                    ]
                                            });
                                   });
                       });
    </script>
</head>
<body></body>
</html>

2 个答案:

答案 0 :(得分:0)

你的CSS与它无关,除非我忽略了什么。

如果你也展示了HTML,那将会很有帮助。

我建议使用Firebug进行调试。


修改

如果这实际上是您的整个页面,那么您的问题就是没有HTML元素。你需要几个 - 我会重读文档。

答案 1 :(得分:0)

摆脱CSS并查看它是否仍然有效。