`
Jameslyy
  • 浏览: 403960 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

固定表头

 
阅读更多

Grid 资源

FixedHeaderTable 

http://fixedheadertable.com/

不支持IE6

 

BI Grid

http://www.bi-grid.com/

功能较弱

 

DHTMLX

http://dhtmlx.com/

功能丰富强大,提供了大量成熟的控件,许可不够友好,专业版、企业版是收费的。

 

Dojo Grid

功能强大,用起来有些繁琐。

 

IE6overflow: hidden 问题

对待超出容器范围的元素,一般常见的有两种解决方法:一种是添加滚动条(给容器添加overflow: auto),另一种就是隐藏元素超出范围的部分(给容器添加overflow: hidden)。虽然从可用性角度应该使用添加滚动条的方法以保证客户可以获得所需信息,但是在很多时候用隐藏的方法比较不会引起页面整体感觉混乱。不幸,世界上目前市场份额最大的浏览器——IE6——对于overflow: hidden的支持不佳。如果单单是给容器添加overflow: hidden很可能根本看不见任何效果。但是一旦容器有了固定的高度、宽度,overflow: hidden 立刻就达到了期望的效果

 

Scroll 事件

onscroll="dynScroll(this);" 

function dynScroll(divScroll) {

var divHeader = document.getElementById('ft_header');

divHeader.scrollLeft = divScroll.scrollLeft;

}

 

分享到:
评论

相关推荐

    h5 固定表头及列头demo

    "h5 固定表头及列头demo"是针对H5网页中的数据展示问题而设计的一个实例,它解决了在滚动时保持表头和列头可见的问题。这种技术在大数据量的表格中尤其有用,因为它能让用户在浏览长表格时始终能看到列名和行名,...

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

    "GridView固定表头横向滚动纵向固定" GridView是一个基于ASP.NET的数据控件,用于显示数据表格。然而,在默认情况下,GridView的表头无法固定在屏幕上,使得用户体验不佳。为了解决这个问题,本文将介绍如何实现...

    JasperReport、ireport固定表头隐藏列

    在这个特定的案例中,我们关注的是如何在JasperReport和iReport中实现固定表头以及隐藏和显示列的功能。 首先,让我们了解一下JasperReport。JasperReport是一个开源的报表库,它允许开发者在各种应用程序中生成...

    android listview 固定表头,固定前几列

    为了解决这个问题,开发者通常会实现一个固定表头或者固定前几列的功能,这样即使在滚动过程中,表头信息也能始终可见,提高用户的使用体验。这里我们将深入探讨如何在Android中实现"ListView固定表头,固定前几列...

    固定表头,点击表头排序,拖动表格的列宽

    "固定表头,点击表头排序,拖动表格的列宽"这三个特性是提高用户交互性和体验的重要功能,广泛应用于各种数据密集型的网页应用中。下面我们将详细探讨这三个知识点。 1. **固定表头(Fixed Header)**: 当表格...

    vue表格实现固定表头首列

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

    移动端table固定表头与固定第一列

    本教程将详细讲解如何在移动端实现"固定表头与固定第一列"的功能,以提升用户体验,使得用户在滚动时能够始终保持表头和第一列可见。 首先,我们需要理解HTML5中的`<table>`元素,它是用于创建表格的标准标签。在...

    固定表头的DataGrid

    在处理大数据集时,为了提供更好的用户体验,常常需要实现固定表头的功能,使得用户在滚动浏览内容时,表头始终保持可见,以便于跟踪列对应的数据。本文将深入探讨“固定表头的DataGrid”这一主题,以及如何实现这一...

    移动web table固定表头第一列.rar

    "移动web table固定表头第一列.rar"这个压缩包文件显然是为了解决这些问题,提供了一种在移动端实现固定表头和第一列的解决方案。下面将详细讲解如何在HTML5和CSS3环境下实现这样的功能。 首先,我们需要创建一个...

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

    锁定表头及固定左边列,原生JS原创代码 需要注意的问题: 1.表格的宽度以及表格每一列的宽度需要固定...2.0 增加 window.onresize事件监听(当触发 window.onresize时自动重新固定表头) 增加左边固定位置鼠标滚轮事件

    GridView系列---GridView固定表头

    本篇文章将深入探讨“GridView系列---GridView固定表头”的知识点,帮助开发者实现更优秀的UI设计。 一、GridView基本概念 1. GridView是LinearLayout的子类,它会把每个子视图(View)按照横行纵列的方式进行排列...

    Android可固定表头和第一列自定义表格

    Android可固定表头和第一列自定义表格,集成简单。 API使用说明: LockTableView mLockTableView=new LockTableView(this,mContentView,mTableDatas); mLockTableView.setLockFristColumn(true) //是否锁定第一列 ...

    html table 固定表头和列

    固定表头通常通过CSS实现。一种常见的方法是将表头部分独立出来,然后设置CSS样式使其相对于窗口或容器固定。以下是一个示例: ```html table { width: 100%; overflow-y: auto; } thead { position: sticky...

    ireport固定表头隐藏列

    本文将深入探讨如何在ireport中实现"固定表头"、"隐藏列"以及"列的固定"这三个功能,以便更好地理解和应用在jasperreports-5.6.0版本上。 首先,**固定表头**是在滚动报表内容时保持表头始终可见的功能。这对于大型...

    固定表头的listview

    为了解决这个问题,开发者通常会实现“固定表头”的功能,即在列表滚动时,表头始终保持可见。本篇文章将详细介绍如何在ListView中实现固定表头。 首先,我们要明白固定表头的基本思路:将表头部分单独作为一个视图...

    gridview固定表头的一个实例

    GridView固定表头的一个实例 在实际开发中,我们经常会遇到GridView固定表头的问题,特别是在横向滚动和纵向固定时。以下是一个实例,解决了GridView固定表头的问题,包括横向滚动和纵向固定。 title:GridView...

    jquery简单好用的固定表头插件

    为了解决这个问题,开发者们通常会采用“固定表头”技术,使得在滚动查看表格内容时,表头始终保持可见。本文将详细介绍一个基于jQuery的简单好用的固定表头插件——freezeheader。 `jQuery Freezeheader`插件是一...

    Table 固定表头插件

    为了解决这个问题,"Table 固定表头插件"应运而生,它使得在滚动查看长表格内容时,表头能够始终保持可见,便于用户定位和理解数据。 固定表头插件(Fixed Header Table)是Web开发中的一个实用工具,主要应用于...

    js固定表头和第一列固定

    js固定表头和第一列固定,内容变化

    Jquery table固定表头,固定列,全浏览器兼容

    下面我们将深入探讨如何使用 jQuery 和相关的 CSS 技术来创建一个具有固定表头和固定列的表格,并确保全浏览器兼容。 首先,jQuery 是一个强大的 JavaScript 库,它简化了 DOM 操作、事件处理、动画和Ajax交互。在...

Global site tag (gtag.js) - Google Analytics