html中怎么固定一个table的表头和表位，拖动滚动条中间的数据滚动，而表头和表尾固定呢？表尾是用来做合计_随笔

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

<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>

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

StringBuilder sb = new StringBuilder()

sb.Append("<html xmlns:x=\"urn:schemas-microsoft-com:office:excel\">")

sb.Append(" <head>")

sb.Append(" <!--[if gte mso 9]><xml>")

sb.Append("<x:ExcelWorkbook>")

sb.Append("<x:ExcelWorksheets>")

sb.Append("<x:ExcelWorksheet>")

sb.Append("<x:Name></x:Name>")

sb.Append("<x:WorksheetOptions>")

sb.Append("<x:Print>")

sb.Append("<x:ValidPrinterInfo />")

sb.Append(" </x:Print>")

sb.Append("</x:WorksheetOptions>")

sb.Append("</x:ExcelWorksheet>")

sb.Append("</x:ExcelWorksheets>")

sb.Append("</x:ExcelWorkbook>")

sb.Append("</xml>")

sb.Append("<![endif]-->")

sb.Append(" </head>")

sb.Append("<body>")

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

原文地址: https://outofmemory.cn/zaji/6112045.html

html中怎么固定一个table的表头和表位，拖动滚动条中间的数据滚动，而表头和表尾固定呢？表尾是用来做合计

发表评论

评论列表（0条）