html 冻结表头 合并行的单元格无法显示

html 冻结表头 合并行的单元格无法显示,第1张

这位小朋友,CSS里边不要用 EXPRESSION ,这样会加重代码负担,用多了卡死机咧……再有就是,你这明明是表格,你CSS样式里边怎么看都是针对DIV+CSS用的,你这是想达到啥效果呀……还有一个就是你表格头有两个CLASS属性,一般都是class="类1 类2..."这么写的……看你代码看晕了……

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

<HTML>

<HEAD>

<TITLE>JS Example</TITLE>

<style type='text/css'>

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>

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

<table id=pol_table_list cellspacing=0>

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6098093.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-14
下一篇2023-03-14

发表评论

登录后才能评论

评论列表(0条)

    保存