可以滚动的HTML table

分享于 

3分钟阅读

Web开发

  繁體
<--下载链接 --> !<--文章图像 --> !

Sample Image - Scrollable_Table.jpg

<--将你的HTML其余部分添加到 --> !

介绍

这个JavaScript代码可以用于将普通HTML中的表转换为可以滚动的表。 不需要额外的编码。 你需要做的就是在TBODY中放置标题行并给你的表提供一个ID字段,包括 ScrollableTable.js 文件,在 onLoad 文档方法中调用 makeScrollableTable
<html><head><scriptlanguage="JavaScript"src=ScrollableTable.js></script></head><bodyonload="makeScrollableTable('tabela',true,'auto');"><tableborder=0 id=tabela align=center style="border-color: black; border-style: solid; border-width: 1;"><thead><tr><thbgcolor=blue style="color: white"rowspan=2 valign=bottom>ColA</th><thbgcolor=blue style="color: white"colspan=2 align=center>ColBC</th><thbgcolor=blue style="color: white"colspan=2 align=center>ColDE</th><thbgcolor=blue style="color: white"rowspan=2 valign=bottom>ColF</th></tr><tr><thbgcolor=blue style="color: white">ColB</th><thbgcolor=blue style="color: white">ColC</th><thbgcolor=blue style="color: white">ColD</th><thbgcolor=blue style="color: white">ColE</th></tr></thead><tbody><tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td></tr><tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td></tr><tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td></tr><tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td></tr><tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td></tr><tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td></tr><tr><td>A</td><td>BBBBBBBBBBBBBBBBBBBBBBBBB</td><td>C</td><td>D</td><td>E</td><td>F</td></tr></tbody><tfoot><tr><tdbgcolor=blue style="color: white"colspan=6 align=center>Footer</td></tr></tfoot></table></body></html>

相关文章