用css 来冻结gridview 表头

liu382337172 2010-04-13 10:42:55

一个gridview 中有若干条数据，（没有有分页）下面这个放到别的*.css中总是报错。哪位好心人知道一个完整的控制表头冻结的css 。。

.FixedTitleRow
{
position: relative;
table-layout:fixed;
top: expression(this.offsetParent.scrollTop-2);
background-color:White;
z-index: 10;
}

.FixedTitleRow th
{
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
padding:2px;
}

.FixedTitleColumn
{
position: relative;
left: expression(this.parentElement.offsetParent.scrollLeft-2);
}

.FixedDataColumn
{
position: relative;
left: expression(this.parentElement.offsetParent.offsetParent.scrollLeft-2);
}

...全文

464 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

juneyaya 2011-01-23

打赏
举报

liu382337172
怎么弄的呀，我的还是不行。

liu382337172 2010-06-02

打赏
举报

谢谢表头冻结成功。。

myhope88 2010-04-14

打赏
举报

[Quote=引用 5 楼 unicode 的回复:]
C# code

// 固定表头和第一列
gv1.HeaderStyle.CssClass = "FixedTitleRow";
gv1.Columns[0].HeaderStyle.CssClass = "FixedTitleColumn";
gv1.Columns[0].ItemStyle.CssClass = "FixedDataColumn";
[/Quote]
这个应该可以

sxiaohui8709253 2010-04-14

打赏
举报

学习。。。。。。。

swalp 2010-04-14

打赏
举报

Calm2049 2010-04-14

打赏
举报

xuexi

unicode 2010-04-14

打赏
举报



// 固定表头和第一列

gv1.HeaderStyle.CssClass = "FixedTitleRow";

gv1.Columns[0].HeaderStyle.CssClass = "FixedTitleColumn";

gv1.Columns[0].ItemStyle.CssClass = "FixedDataColumn";

lighwind 2010-04-14

打赏
举报

可以啊表头是HeaderStyle-CssClass="className"
行是RowStyle-CssClass="className"
不过这两个样式类声明的时候必须是用点修饰的这样才能调用过来

zhu_chuan_hang 2010-04-14

打赏
举报

[Quote=引用 2 楼 yufenghua 的回复:]
我一直在怀疑Gridview可不可以用css来控制没试过帮顶
[/Quote]
我也是这么考虑

yufenghua 2010-04-13

打赏
举报

我一直在怀疑Gridview可不可以用css来控制没试过帮顶

阿双2009 2010-04-13

打赏
举报

楼主可参考下这段代码



<html>

<head>

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

<title>无标题文档</title>

<style type="text/css">

#mytable tr{

background-color:expression((this.sectionRowIndex==0)?"#cccccc":"#DEDFDE");

color:expression((this.sectionRowIndex==0)?"#0000FF":"Green");

text-align:center;

}

#mytable td {

 border-top: 2px groove #FFFFFF;

 border-left: 2px groove #FFFFFF;

}

*#mytable{

 width:98%;

 border-collapse:collapse;

 border-spacing:inherit;

 border-right: 2px inset #888888;

 border-bottom: 2px inset #888888;

}

</style>

</head>

<body>

<table id="mytable">

<tr>

    <td width="4%"> </td>

    <td width="51%">——主 题——</td>

    <td width="15%">发布人</td>

    <td width="14%">起 日 期</td>

    <td width="16%">止 日 期</td>

  </tr>

  <tr>

    <td > </td>

    <td >123</td>

    <td >154</td>

    <td > </td>

    <td > </td>

  </tr>

  <tr>

    <td > </td>

    <td > </td>

    <td > </td>

    <td > </td>

    <td > </td>

  </tr>

</table>

</body>

</html>