how to get fixedHeaderTable Plugin to work using jquery?

areyouready344
areyouready344 used Ask the Experts™
on
how to get fixedHeaderTable pluginto work using jquery?

Error code from firebug: see attached file


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<script src="jquery.fixedheadertable.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script type="text/javascript">
$(function(){
	$('#table1').fixedHeaderTable({ height:300,autoShow:true});
});
</script>
<style type="text/css"> 
body
{
	background-color:#b2b9c1;
}
table
{
	width:600px;
	height:300px;
}
div 
{ 
height:400px; 
width:50%; 
margin: 50px 20%; 
box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 3px 0px rgba(0,0,0,0.05); 
border:1px solid #5b636b; 
border-radius:10px; 
background-color:rgb(139,148,159) 
} 
#inner 
{ 
        	height:90%; 
        	width:90%; 
	      margin-left:auto;
	      margin-right:auto;
		margin-top:20px;
        	background-color:#b2b9c1; 
}
th,td
{
	font-family:"gotham";
	font-size:14px;
}

</style> 
</head> 
<body> 
 
<div><div id="inner">
<table id="table1" border=1>
	<thead><tr><th class="column_1">Selection</th><th class="column_2">scsi test</th><th class="column_3">Test Results</th></tr></thead>
	<tfoot><tr><td class="column_1">Selection</td><td class="column_2">scsi test</td><td class="column_3">Test Results</td></tr></tfoot>
	<tbody>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a"> fdfsf  </td><td class='column_b'> dafdafadfafdadf </td></tr>
	<tr class="highlight" class="font-type-size"><td class="checkbox_column"><input type="checkbox"></td><td class="column_a">sfsfs  </td><td class='column_b'>1. dfadafafd </td></tr>

	</tbody>
	</table>

</div></div> 
 
</body>
</html>

Open in new window

error-code-table.bmp
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Hi,

i think you need to switch lines 4 and 5 of your code. First include jQuery, than the plugin

Author

Commented:
thanks dr Pitter but have another problem

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial