`
peonyzzdx
  • 浏览: 587332 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论
阅读更多
  实现表头固定的样式:<tr style="position:relative;top:expression(this.offsetParent.scrollTop-1);">


示例:
<div region="center">
    <table width="100%" border="0" class="Page_Table_Common">
        <tr style="position:relative;top:expression(this.offsetParent.scrollTop-1);">         
  <td class="Page_TableLabel_Center" width="2%">
                <input type="checkbox" onclick="selectmutil();" id="selectAll">
            </td>
            <td class="Page_TableLabel_Center" width="2%">
                序号
            </td>
           <td class="Page_TableLabel_Center"  width="5%">
                编码
            </td>
            <td class="Page_TableLabel_Center" width="12%">
                建筑名称
            </td>
         </tr>

        <ww:iterator value="lsjzjdList" status="rowstatus" id="it">
            <tr ondblclick="viewjzjdInfo('<ww:property value='id'/>','<ww:property value='bhbm'/>')">
                <td class="Page_TableLabel_Center">
                    <input type="checkbox" name="selectOne" value="<ww:property value='id'/>">
                </td>
                <td class="Page_TableLabel_Left">
                    <ww:property value="#rowstatus.index+1"/>
                </td>
                 <td class="Page_TableText_Wrap" title="<ww:property value="bhbm"/>">
                    <ww:property value="bhbm"/>
                </td>
                <td class="Page_TableText_Left" title="<ww:property value="jzmc"/>">
                    <ww:property value="jzmc"/>
                </td>
                        </tr>
        </ww:iterator>
    </table>
    <div id="pagination" class="list_pagination"></div>
</div>
分享到:
评论

相关推荐

    html Table 表头固定的实现

    但有时候,我们会遇到一个问题,即当表格数据量较大时,随着页面向下滚动,位于顶部的表头(Header)会被隐藏,这会让用户难以在滚动查看内容时,快速确认各列数据的含义。为解决这个问题,就需要实现一个固定表头的...

    jQuery实现表头固定表格内容滚动效果

    在网页设计中,当表格数据过多时,为了保持良好的用户体验,常常需要实现表头固定而内容可滚动的效果。`jQuery`作为一个广泛使用的JavaScript库,提供了丰富的功能和便利的方法来实现这种效果。本教程将深入探讨如何...

    gridview固定表头 横向滚动 纵向固定

    来使表头固定在屏幕上。 样式代码如下: ``` th{ position:relative; top:expression(this.offsetParent.scrollTop); } ``` 知识点二: UpdatePanel控件 为了实现GridView的滚动功能,我们需要使用...

    ASP.ENT GridView 表头固定 表身可以滚动

    然而,当GridView中的数据过多时,为了保持页面的清晰度,通常需要实现表头固定而表身可滚动的效果。"ASP.NET GridView 表头固定 表身可以滚动"这个主题正是针对这一需求的解决方案。 首先,我们要理解实现表头固定...

    表头固定内容滚动,直接打开html即可运行

    在IT领域,尤其是在网页开发中,"表头固定内容滚动"是一种常见的需求,尤其是在处理大量数据时。这个功能使得用户可以在滚动浏览长表格时,表头始终保持可见,从而更容易跟踪和理解每一列的数据含义。标题"表头固定...

    纯CSS固定表头内容滚动表格

    通过以上步骤,我们可以创建一个在内容滚动时保持表头固定的表格。这种设计不仅提高了数据可视性,还降低了用户在长表格中的导航难度。在实际项目中,根据需求可能还需要对样式进行微调,比如添加阴影效果以区分表头...

    JQUERY实现表头固定

    本示例是基于jQuery库实现的表头固定功能,它能够提供一种直观的用户体验,使得用户在浏览长表格时能轻松地识别和定位数据。 要实现表头固定,主要涉及以下几个步骤和关键知识点: 1. **HTML结构**:首先,需要...

    C#自定义动态滚动表格(表头固定,表体从下往上滚动)

    本项目"**C#自定义动态滚动表格(表头固定,表体从下往上滚动)**"正是为了解决这样的问题。它利用了GDI+(Graphics Device Interface Plus)图形接口来实现这一效果,GDI+是.NET Framework的一部分,提供了丰富的图形...

    一个table表头固定,内容可滚动的实用例子

    一个table表头固定,内容可滚动的实用例子,同时可以实现增加,删除功能

    asp网页表头固定解决

    标题“asp网页表头固定解决”所指的就是如何在ASP.NET的GridView控件中实现表头固定的效果。这个效果对于提升用户体验非常重要,特别是在处理多列或者数据复杂度高的表格时,固定的表头可以让用户更容易理解数据的...

    (简便)表头固定内容上下左右滚动

    总的来说,"表头固定内容上下左右滚动"是网页数据展示中的一个重要技巧,通过结合jQuery的便利性,可以轻松实现这一效果。对于开发者来说,理解和掌握这种技术有助于提升网页的用户体验,尤其是在大数据量的表格应用...

    GridView或DataGrid 固定表头,滚动数据的例子学习心得

    因此,实现固定表头并滚动数据的功能成为了一个必要的优化。 标题中的"GridView或DataGrid 固定表头,滚动数据的例子学习心得"指的是一种技术技巧,用于解决上述问题。主要方法是通过CSS样式和JavaScript来实现。...

    HTML5_html表格表头固定不滚动内容滚动.rar

    HTML5_html表头固定不滚动而内容滚动的效果,表格是基于Div CSS实现的,将表头固定住不滚动,而表格里面的每行数据随滚动条滚动。在显示较多数据时,当用户滚动鼠标中轮时,表格内容会滚动,而表头固定不变,可以将...

    ASP.NET固定GridView表头_SuperTables

    总之,"ASP.NET固定GridView表头_SuperTables"是一个解决ASP.NET GridView滚动时表头固定问题的技术,它通过结合CSS和JavaScript实现。通过正确地集成和配置提供的资源,开发者能够提供更好的用户体验,使用户在滚动...

    listview带表头(表头固定)

    "listview带表头(表头固定)"这个主题指的是在ListView中实现一个固定的表头(Header),即使在滚动列表时,表头仍然保持在屏幕顶部,这样可以方便用户始终能看到分类或者列名等关键信息。这种功能在数据分组或需要...

    bootstrap表格固定表头并且tbody部分添加滚动条

    Bootstrap表格在设计网页时是一种非常常用的组件,尤其在处理大量数据时,为了提供更好的用户体验,我们经常需要在tbody部分添加竖向滚动条,同时保持表头固定不动。这样,当用户滚动内容时,表头始终保持可见,便于...

    纯CSS实现表头固定表格滚动条效果

    以上就是纯CSS实现表头固定表格滚动条效果的基本步骤。通过这种方式,你可以轻松地将这个功能集成到JSP、ASP、PHP或其他服务器端框架中,为用户提供更好的数据浏览体验。记得根据实际项目需求进行适当的定制和优化。

    固定table表头的插件

    总的来说,固定table表头的插件是提高数据展示用户体验的有效工具,它结合了HTML、CSS和JavaScript的技术,通过合理的结构设计和动态定位,实现了在页面滚动时保持表头可见的效果。对于前端开发者来说,理解和掌握...

    gridview固定表头的一个具体实例----横向滚动 纵向滚动

    ### GridView固定表头实现——横向滚动与纵向固定 在网页应用开发中,特别是涉及到大量数据展示的情况下,如何优雅地处理表格中的数据展示成为一个重要的技术挑战。本文将通过一个具体的实例来探讨如何实现在使用...

    vue表格实现固定表头首列

    3. **固定表头**:要实现固定表头,我们可以使用CSS样式来实现。通常,我们可以设置`position: fixed`给表头,然后通过调整`top`和`width`属性来确保其位置和宽度。同时,需要确保表体部分的滚动不影响表头,这可能...

Global site tag (gtag.js) - Google Analytics