0
我正在動態創建表格。這是循環執行後的代碼。如何使表格的第一列固定並在其餘列中滾動
<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>02:30 AM</td>
<td>03:00 AM</td>
<td>03:30 AM</td>
<td>04:00 AM</td>
<td>04:30 AM</td>
<td>05:00 AM</td>
<td>05:30 AM</td>
<td>06:00 AM</td>
<td>06:30 AM</td>
<td>07:00 AM</td>
<td>08:00 AM</td>
<td>08:30 AM</td>
<td>09:00 AM</td>
<td>09:30 AM</td>
<td>10:00 AM</td>
<td>10:30 AM</td>
<td>11:00 AM</td>
<td>11:30 AM</td>
<td>12:00 PM</td>
<td>12:30 PM</td>
<td>01:00 PM</td>
<td>01:30 PM</td>
<td>02:00 PM</td>
<td>02:30 PM</td>
<td>03:00 PM</td>
<td>03:30 PM</td>
<td>04:00 PM</td>
<td>04:30 PM</td>
<td>05:00 PM</td>
<td>05:30 PM</td>
<td>06:00 PM</td>
<td>06:30 PM</td>
<td>07:00 PM</td>
<td>08:00 PM</td>
<td>08:30 PM</td>
<td>09:00 PM</td>
<td>09:30 PM</td>
<td>10:00 PM</td>
<td>10:30 PM</td>
<td>11:00 PM</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>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>News All Night (05:30)</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>The Call (08:00)</td>
<td>EMPTY</td>
<td>Sports on 1 (09:00)</td>
<td>EMPTY</td>
<td>News First (10:00)</td>
<td>EMPTY</td>
<td>News All Morning (11:00)</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</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>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>Ranji Trophy Cricket: A semifinal (07:10)</td>
<td>International Test Cricket: Day 4: South Africa vs. Sri Lanka (08:00)</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</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/SonyTV%20Logos/NDTV/NDTV.png?partner=neeveecommunicationbms545xngmh4n3azd8ws3tjx" width="100px" height="35px"></td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>NDTV Hindi News Channel (05:00)</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
<td>EMPTY</td>
</tr>
</table>
我想使第一列變爲靜態。我試圖使用固定表頭插件,但它不起作用。誰能幫我?
那你嘗試過'css'或'javascript'的地方在哪裏? – NewToJS
我幾乎嘗試從這裏的所有代碼http://stackoverflow.com/questions/1312236/how-do-i-create-an-html-table-with-fixed-frozen-left-column-and-scrollable-身體但在我看來沒有人能夠解決這個問題。 –
[只凍結html表格頂部行(固定表格標題滾動)]的可能重複(http://stackoverflow.com/questions/8423768/freeze-the-top-row-for-an-html-table-只有固定表頭 - 滾動) –