在HTML语言中,<tr>标签用于设置表格的表头吗？_随笔

不是，是代表每一行，行里面再分每个单元格，<th>才表示表头，比如下面就是一行表头加两行表体：<tr><th>表头1</th><th>表头2</th><th>表头3</th></tr><tr><td>行1单元格1</td><td>行1单元格2</td><td>行1单元格3</td></tr><tr><td>行2单元格1</td><td>行2单元格2</td><td>行2单元格3</td></tr>也可以把表头单独放入<thead>标签中（表体则放入tbody标签中）：<thead><tr><th>表头1</th><th>表头2</th><th>表头3</th></tr></thead><tbody><tr><td>行1单元格1</td><td>行1单元格2</td><td>行1单元格3</td></tr><tr><td>行2单元格1</td><td>行2单元格2</td><td>行2单元格3</td></tr></tbody>所以严格来说，<thead>才是真正的表头

给你写个固定表头的例子，固定表尾的就当是课堂练习，希望你能举一反三：

<HTML>

<HEAD>

<TITLE>JS Example</TITLE>

tr.locktop{

position:relative

top:expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop?this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-1:0)-1)

}

</style>

</HEAD>

<BODY>

表头前面的内容，这些是可以滚出屏幕的，只有表头锁定。

<tr class=locktop><th>表头

<tr><td>1

<tr><td>2

<tr><td>3

<tr><td>4

<tr><td>5

<tr><td>6

<tr><td>7

<tr><td>8

<tr><td>9

<tr><td>10

</table>

</BODY>

</HTML>

把浏览器窗口调得很小，才能看到效果，向下滚动的时候表头是固定的

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7635021.html

在HTML语言中,<tr>标签用于设置表格的表头吗？

发表评论

评论列表（0条）

在HTML语言中,&lt;tr&gt;标签用于设置表格的表头吗？

发表评论

评论列表（0条）

在HTML语言中,<tr>标签用于设置表格的表头吗？