Question about fixed header table
I am trying to get this jquery plugin to work:
http://fixedheadertable.com/
My code is as follows, but it is not working:
- HTML>
<html>
<head>
<meta charset='utf-8'>
<title>test</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="/js/jquery.fixedheadertable.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('#myTable01').fixedHeaderTable({
footer: true,
cloneHeadToFoot: true,
altClass: 'odd',
autoShow: false
});
$('#myTable01').fixedHeaderTable('show');
});
</script>
</head>
<body>
<table id="myTable01">
<thead>
<tr>
<th><td>H1</td><td>H2</td></th>
</tr>
</thead>
<tfoot>
<tr>
<td>sdfsdfs</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>sdfsdf</td>
<td>sdfsdf</td>
</tr>
<tr>
<td>sdfsdf</td>
<td>sdfsdf</td>
</tr>
<tr>
<td>sdfsdf</td>
<td>sdfsdf</td>
</tr>
<tr>
<td>sdfsdf</td>
<td>sdfsdf</td>
</tr>
</tbody>
</table>
</body>
</html>
I guess I'm having trouble knowing what to put in between the <script></script> tags, and there is no clear documentation or demo on the website either.
Thanks for any help!