As part of my dynamic table creation process, here is the code that gets generated after the loops are executed.
<table class="guide-table" bordercolorlight="#EEEEEE" bordercolordark="#EEEEEE" id="channels-table" width="2500px" bordercolor="#EEEEEE" border="10">
<tbody>
<tr id="headerRow">
<td id="date" class="">Mon, 9 Feb</td>
<td>12:00 AM</td>
<td>12:30 AM</td>
<td>01:00 AM</td>
<td>01:30 AM</td>
<td>02:00 AM</td>
...
<td>11:30 PM</td>
</tr>
</tbody>
<tr>
<td><img src="http://cps-static.rovicorp.com/2/Open/SonyTV%20Logos/NY1/NY1.png?partner=neeveecommunicationbms545xngmh4n3azd8ws3tjx" width="100px" height="35px"></td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
...
<td>EMPTY</td>
</tr>
<tr>
<td><img src="http://cps-static.rovicorp.com/2/Open/SourceLogos/400x300/WillowTV.png?partner=neeveecommunicationbms545xngmh4n3azd8ws3tjx" width="100px" height="35px"></td>
<td>EMPTY</td>
...
<td>International Test Cricket: Day 4: South Africa vs. Sri Lanka (08:00)</td>
<td>EMPTY</td>
</tr>
<tr>
<td><img src="http://cps-static.rovicorp.com/2/Open/SonyTV%20Logos/NDTV/NDTV.png?partner=neeveecommunicationbms545xngmh4n3azd8ws3tjx" width="100px" height="35px"></td>
<td>EMPTY</td>
...
<td>EMPTY</td>
</tr>
</table>
I'm looking for a way to make the first column in the table static. I've tried using a fixed table header plugin without success. Any suggestions or help would be greatly appreciated.