is my datatable not show because of css code?
<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>