how to get fixedHeaderTable Plugin to work using jquery?
how to get fixedHeaderTable pluginto work using jquery?
Error code from firebug: see attached file
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>
Last Comment
ASKER CERTIFIED SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
JavaScript
JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.
127K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
TRUSTED BY
ASKER