固定表头的问题

tree_ch 2007-12-03 11:27:06
以下是我的代码，我把表头设计为固定的，但是在＂ROWSPAN＂的行里，字只显示一半？如果去除固定表头的代码，就正常显示了！
为什么啊？？？
拜求各位达人帮忙啊！

<html>
<head>
</head>
<body>
<DIV style="height:100%;width=700px;overflow:scroll">
<TABLE width=100% border=1>
<tR style="BACKGROUND-COLOR: #CAE4FF; POSITION: relative;TOP: expression(this.offsetParent.scrollTop);">
<td align="center" bgcolor="#CAE4FF" rowspan="2" >font color="#000000" size="2">姓名</font></td>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">目标</font></td>
</TR>
<tR style="BACKGROUND-COLOR: #CAE4FF; POSITION: relative;TOP: expression(this.offsetParent.scrollTop);">
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">实际</font></td>
</TR>
<tr>
<td align="center" bgcolor="#CAE4FF" rowspan=2 ><font color="#000000" size="2">John</font></td>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">30</font></td>
</tr>
<tR>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">25</font></td>
</TR>
<tr>
<td align="center" bgcolor="#CAE4FF" rowspan=2 ><font color="#000000" size="2">Mary</font></td>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">32</font></td>
</tr>
<tR>
<td align="center" bgcolor="#CAE4FF" ><font color="#000000" size="2">28</font></td>
</TR>
</TABLE>
</div>
</body>
</html>
...全文
82 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
yixianggao 2007-12-03
  • 打赏
  • 举报
 回复
自己再微调吧！
<html>

<head></head>

<body>

    <div style="height: 150px; width: 700px; overflow: scroll">

        <table width="100%" border="1">

            <tr style="background-color: #CAE4FF; position: relative; top: expression(this.offsetParent.scrollTop);">

                <td colspan="2">

                    <table width="100%" border="1">

                        <tr>

                            <td align="center" bgcolor="#ffff00" rowspan="2">

                                <font color="#000000" size="2">姓名</font>

                            </td>

                            <td align="center" bgcolor="#CAE4FF">

                                <font color="#000000" size="2">目标</font>

                            </td>

                        </tr>

                        <tr style="background-color: #CAE4FF;">

                            <td align="center" bgcolor="#CAE4FF">

                                <font color="#000000" size="2">实际</font>

                            </td>

                        </tr>

                    </table>

                </td>

            </tr>

            <tr>

                <td align="center" bgcolor="#ffffff" rowspan="2">

                    <font color="#000000" size="2">John</font>

                </td>

                <td align="center" bgcolor="#CAE4FF">

                    <font color="#000000" size="2">30</font>

                </td>

            </tr>

            <tr>

                <td align="center" bgcolor="#CAE4FF">

                    <font color="#000000" size="2">25</font>

                </td>

            </tr>

            <tr>

                <td align="center" bgcolor="#CAE4FF" rowspan="2">

                    <font color="#000000" size="2">Mary</font>

                </td>

                <td align="center" bgcolor="#CAE4FF">

                    <font color="#000000" size="2">32</font>

                </td>

            </tr>

            <tr>

                <td align="center" bgcolor="#CAE4FF">

                    <font color="#000000" size="2">28</font>

                </td>

            </tr>

        </table>

    </div>

</body>

</html>
飘零雾雨 2007-12-03
  • 打赏
  • 举报
 回复
only ie

参考:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>Layout</title>

<style type="text/css">

html,body {

    margin:0;

    font:12px/180% Verdana, Arial;

    text-align:center;

}

div {

    margin:50px auto 0 auto;

    width:500px;

    height:110px;

    overflow:auto;

}

table {

    border:none;

    background:#000;

}

tr {

    background:#fff;

}

th,td {

    padding:0;

}

th {

    background:#f7f7f7;

}

.id {

    width:100px;

}

.name {

    width:200px;

}

.age {

    width:200px;

}

thead tr {

    position:relative;

    top:0;

    background:#000;

}

</style>

</head>

<body>

<div>

<table cellspacing="1">

    <thead>

        <tr>

            <th class="id">ID</th>

            <th class="name">姓名</th>

            <th class="age">年龄</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td>1</td>

            <td>张三</td>

            <td>24</td>

        </tr>

        <tr>

            <td>2</td>

            <td>李四</td>

            <td>32</td>

        </tr>

        <tr>

            <td>1</td>

            <td>张三</td>

            <td>24</td>

        </tr>

        <tr>

            <td>2</td>

            <td>李四</td>

            <td>32</td>

        </tr>

        <tr>

            <td>1</td>

            <td>张三</td>

            <td>24</td>

        </tr>

        <tr>

            <td>2</td>

            <td>李四</td>

            <td>32</td>

        </tr>

    </tbody>

</table>

</div>

</body>

</html>
html table 固定表头和列
固定表头通常通过CSS实现。一种常见的方法是将表头部分独立出来，然后设置CSS样式使其相对于窗口或容器固定。以下是一个示例： ```html table { width: 100%; overflow-y: auto; } thead { position: sticky...
GridView固定表头和列 实例（GridView冻结表头和列）
本实例主要关注如何实现GridView的固定表头和列，使得用户在滚动浏览长表格时，表头和部分列始终保持可见，提高用户体验。 GridView冻结表头和列的需求在大数据量展示时尤为重要，因为表头的可见性有助于用户在浏览...
QTableView QTableWidget 复杂表头(多行表头) 、冻结、固定特定的行
QT QTableView QTableWidget 复杂表头(多行表头) 、（冻结、固定特定的行），具体效果看博客： https://blog.csdn.net/xiezhongyuan07/article/details/82857631
一个table表头固定，内容可滚动的实用例子
一个table表头固定，内容可滚动的实用例子,同时可以实现增加，删除功能
jquery 锁定表头和固定列(Fixed table head and columns)
前段时间需要这个功能，但是找了很多都不能完美的实现，不是只能锁定表头，就是浏览器兼容问题什么的，在此就自己做了一个锁定表头和列的js方法，依赖于JQuery。 因为方法很简单，就未封装成插件的形式，仅仅以代码...
CSS

61,128

社区成员

60,711

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章