`
Andy_Dou
  • 浏览: 233109 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

CSS 固定表头和列

    博客分类:
  • CSS
CSS 
阅读更多

 

 <style>
        .FixedTitleRow {
            position: relative; 
            top: expression(this.offsetParent.scrollTop); 
            z-index: 10;
            background-color: #E6ECF0;
        }      
        .FixedTitleColumn {
            position: relative; 
            left: expression(this.parentElement.offsetParent.scrollLeft);
        }       
        .FixedDataColumn {
            position: relative;
            left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);
            background-color: #E6ECF0;
        }  
</style>
分享到:
评论
1 楼 tuo_bing 2010-08-06  
    FF 下貌试不支持 。。。

相关推荐

    div+css 固定表头和列

    div+css 固定表头和列div+css 固定表头和列

    css固定表头和列.html

    css固定table表头和列,亲测可用

    css固定表头和第一列

    css和html固定表头和第一列,可上下拖动和左右拖动

    用css样式固定表头和列

    ### CSS固定表头与列的核心原理 在网页中,当表格数据量庞大时,随着用户滚动页面,表头或列往往随之消失,导致用户难以关联数据。为解决这一问题,可以采用CSS的定位属性,特别是`position`、`top`和`left`等属性...

    GridView 固定表头和列

    在解压并打开项目后,可以找到相关的ASPX页面(`.aspx`)、后台代码文件(`.cs`或`.vb`)和CSS样式表(`.css`),这些文件中会包含实现固定表头和列的具体代码和样式。 总之,GridView固定表头和列的实现涉及到前端...

    GridView固定表头和列 实例(GridView冻结表头和列)

    本实例主要关注如何实现GridView的固定表头和列,使得用户在滚动浏览长表格时,表头和部分列始终保持可见,提高用户体验。 GridView冻结表头和列的需求在大数据量展示时尤为重要,因为表头的可见性有助于用户在浏览...

    通过css固定表头和表列通过css固定表头和表列

    为了解决这个问题,我们可以利用CSS(Cascading Style Sheets)来实现表头和表列的固定,确保在滚动时始终保持可见。本文将详细介绍如何通过CSS实现这一功能,并解决rowspan导致的显示异常问题。 首先,我们需要...

    html table 固定表头和列

    通常,它会结合HTML、CSS和可能的JavaScript来实现固定表头和列的功能。 五、兼容性和优化 虽然`position: sticky;`在现代浏览器中得到了广泛支持,但老版本的IE浏览器并不支持。为了确保兼容性,可能需要使用...

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

    "纯CSS固定表头内容滚动表格"是一种高效且用户友好的设计技巧,它允许用户在浏览长表格时始终保持表头可见,从而方便用户理解每一列的数据含义。这种设计方法尤其适用于那些包含大量数据且需要横向滚动查看的表格,...

    vue表格实现固定表头首列

    在Vue移动端项目中,开发人员经常遇到需要创建具备固定表头和首列的表格,以提供良好的用户体验。本文将详细讲解如何在不依赖任何UI框架或插件的情况下,利用Vue的核心特性实现这样一个功能。 首先,我们需要理解...

    h5 固定表头及列头demo

    表头和列头的固定通常涉及到CSS(层叠样式表)的定位技巧。在H5中,可以利用`position`属性来实现这一效果。`position`属性有`static`、`relative`、`absolute`和`fixed`等值,其中`fixed`可以使元素相对于浏览器...

    复杂表头固定表头和列.html

    复杂表头固定行,固定列,纯css实现,样式可修改,可根据自己要求,更改表头,以及固定列的数量,本人亲测,确实好用

    JS固定表头和左边列V2.0(源码)

    锁定表头及固定左边列,原生JS原创代码 需要注意的问题: 1.表格的宽度以及表格每一列的宽度需要固定(特殊情况除外:当表格列数少并且表格总宽度明显小于表格父容器的宽度时,也就是表格列不存在自动换行的问题) 2...

    HTML、CSS锁定表头(无漂浮感)

    本文将详细探讨如何使用HTML和CSS来实现一个功能,即在滚动时保持表头(thead)固定,以便用户在浏览长表格时始终能看到列名,这种效果通常被称为“锁定表头”或“无漂浮感”的表头。 首先,我们需要创建一个基本的...

    css冻结表头冻结第一列

    css样式冻结表头,右侧滚动条滑动,表头锁定不动; css样式冻结首列,下侧滚动条滑动,首列锁定不动; 另外,表中首列添加了复选框,css样式,仅供参考学习,可以根据情况改动 适合菜鸟初学,大神高手会觉得简单绕行

    锁定表头和固定列(Fixed table head and columns)

    在提供的压缩包文件中,"锁定表头和固定列(Fixed table head and columns) _files"很可能包含了实现此功能所需的CSS和JavaScript文件,而".htm"文件则是一个示例HTML页面,展示了如何将这些技术应用到实际的表格中。...

    jquery表头固定、列固定完美解决方案

    总结来说,"jquery表头固定、列固定完美解决方案"是通过jQuery库和自定义JavaScript插件实现的一种优化用户体验的方法,特别是在处理大量数据的表格时。它提供了表头和列的固定功能,使用户在浏览长表格时能更方便地...

    实现Table表头和列固定

    2. 使用CSS定义表格样式,包括固定表头和列的样式。 3. 如果需要,可以使用JavaScript进行增强,比如在滚动时动态调整固定元素的位置。 4. 在JSP中处理数据,生成对应的表格行。 5. 结合Bootstrap、jQuery或者其他...

    很好用的 表格锁定表头 和列

    当我们处理大量数据时,保持表头和特定列固定可以极大提升用户的浏览体验,这正是"表格锁定表头和列"功能的核心价值。这个功能使得用户在滚动页面时,表头和指定列始终保持可见,方便对比和理解数据。 标题"很好用...

Global site tag (gtag.js) - Google Analytics