css脚本与数据表脚本_Css_Datatable_Show

css脚本与数据表脚本

css

css脚本与数据表脚本,css,datatable,show,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" m

我的数据表是否因为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>


OQC检验报告
正文{字体系列：Verdana；字体大小：40%；}
标签{宽度：15em；浮动：左；}
label.error{显示：无；浮动：无；颜色：红色；左填充：.5em；垂直对齐：顶部；}
p{clear:两者；}
.提交{左边距：12em；}
em{font-weight:bold；padding-right:1em；垂直对齐：top；}
身体
{
字体系列：泰晤士报新罗马版，verdana；
字体大小：22px；
宽度：900px；
高度：70像素；
左边距：自动；
右边距：自动；
背景图片：url（“wood_texture2.jpg”）；
}
$（文档）.ready（函数（）{
可变的；
$（“#显示”）。单击（功能（事件）{
oTable=$（“#数据列表”）.dataTable({
“bRetrieve”：没错，
“bServerSide”：正确，
“bProcessing”：正确，
“sAjaxSource”：“showlist1.php”，
“aaSorting”：[[1，“desc”]]，
“aoColumns”：[
/*第*/null行，
/*型号*/null，
/*NIK*/null
]
});
});
});

你的CSS与此无关，除非我忽略了什么

如果你也展示你的HTML，那会很有帮助

我建议使用Firebug进行调试

编辑

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

去掉css，看看它是否仍然有效

我一直在使用firebug，它显示了结果，但datatable没有显示。我看不出区别，我的答案仍然适用。我不知道“datagrid”是什么。css中似乎没有任何东西会导致可见的网格。这里我考虑的是边界和/或轮廓属性。