0 0

HTML表格标题行如何固定?10

请教,如何固定Table中的标题行,不随滚动条的滚动而往上移动呢?
以前使用过IE的expression表达式可以,不过好像只兼容IE6,IE8、IE9好像不行,项目中现在所有业务功能都使用的最原始的table,没有使用js控件显示数据。
如果不嵌入其他js控件,是否有办法?
请赐教。
2012年11月27日 11:45

3个答案 按时间排序 按投票排序

0 0

一般做法都是把tbody区放在专门的table里。比如

<table>
<thead>....</thead>
<tbody>....</tbody>
</table>

改写成
<table>
<thead>....</thead>
</table>
<table>
<tbody>....</tbody>
</table>

2012年11月29日 10:31
0 0

哥们看这个帖子:

http://demojava.iteye.com/blog/1736007

2012年11月27日 15:20
0 0

可以做个单独表头,独立于显示!

2012年11月27日 15:11

相关推荐

    HTML固定Table标题行的四种方法

    在网页设计中,HTML表格(Table)是一种常用的数据展示方式,但当表格内容过多时,滚动查看会使得标题行消失,影响用户阅读。为解决这一问题,开发者通常采用JavaScript来实现Table标题行的固定,使其在滚动时始终...

    jquery 固定表格标题和列

    "jquery 固定表格标题和列"就是解决这一问题的一个实用方案,它利用JavaScript库jQuery来实现表格的动态固定效果,确保在滚动时标题和列始终保持可见,提高了用户体验。 1. **jQuery**:jQuery是一个高效、简洁且...

    jquery表格标题固定特效代码.zip

    本知识点将深入探讨“jquery表格标题固定特效代码.zip”这个压缩包中的内容,它提供了在网页中实现表格标题固定效果的解决方案。 在网页设计中,特别是在大数据量的表格展示时,确保表格的列标题和行标题在滚动时...

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

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

    固定表格列标题

    标题中的“固定表格列标题”指的是在网页设计中,如何实现表格的表头(thead)在用户滚动页面时始终保持可见,以便用户在查看表格数据时始终能看清列名。这通常用于处理大型数据表,当表格内容过多,需要滚动浏览时...

    jquery固定表格行列

    然而,当表格内容过多导致滚动时,表头(thead)与表体(tbody)滚动分离,使得用户在浏览时难以对应列标题,这在用户体验上是不理想的。为了解决这一问题,我们可以利用jQuery库来实现表格的固定行列功能,让表头...

    js实现表格部分固定

    为了解决这个问题,我们可以利用JavaScript(js)来实现表格部分固定的特性,保持横向标题行和纵向标题列在页面滚动时始终可见。以下是一些关键知识点和实现步骤: 1. **固定表头(Fixed Header)** - 使用CSS定位...

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

    4. **性能优化**:对于大数据量的表格,可以考虑使用虚拟滚动技术,只渲染视口内的行,提高页面性能。 通过以上步骤,我们可以创建一个在内容滚动时保持表头固定的表格。这种设计不仅提高了数据可视性,还降低了...

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

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

    jQuery插件冻结行列、固定列固定行,html、table实现

    该插件名为"jQuery-Plugin-To-Freeze-Table-Columns-Rows-On-Scroll",其主要功能是在表格滚动时保持顶部行和左侧列固定,以便用户在浏览长表格时仍能清晰地看到表头和关键列。以下我们将深入探讨这个插件的工作原理...

    jquery表格标题固定特效特效代码

    "jquery表格标题固定特效代码"是针对使用jQuery来实现的一种功能,它旨在解决在大数据量表格中,当用户滚动页面时,表格的标题行和列头不再可见的问题。这种效果提高了用户体验,使用户始终能够清楚地看到当前查看的...

    js表头固定,固定table标题行

    本话题将深入探讨“js表头固定”这一技术,主要关注如何使用JavaScript和jQuery来实现固定table标题行的功能。 首先,我们来看"jquery表头固定"。jQuery是一个轻量级、功能丰富的JavaScript库,它简化了HTML文档...

    jquery 表格插件表头标题固定在顶部表格内容拖动显示

    在本场景中,我们讨论的是一个特定的 jQuery 插件,用于实现表格的特殊功能——“表头标题固定在顶部,表格内容可拖动显示”。这种功能在处理大数据量或需要滚动查看的表格时非常实用,因为它保持了列标题的可见性,...

    jQuery网页下拉滚动表格头部固定在顶端代码

    为了解决这个问题,"jQuery网页下拉滚动表格头部固定在顶端代码" 提供了一种解决方案,它允许表格的头部在用户滚动页面时始终保持在视口的顶部,这样用户就能始终看到列标题,增强可读性和交互性。 首先,这个解决...

    GRIDVIEW固定标题固定列

    标题固定功能常用于网页滚动时保持表头可见,增强用户对数据列对应关系的理解。而固定列则是进一步优化用户体验的特性,使得某些重要的列在滚动时始终保持可见。本文将详细介绍如何在ASP.NET中实现GridView的固定...

    左侧是表头的表格

    标题“左侧是表头的表格”暗示我们正在讨论一种特殊布局的表格,其中表头位于左侧,这在处理大量列数据时特别有用,因为它允许用户更容易地浏览和理解表格的内容。这种类型的表格常见于数据分析、报表展示以及各种...

    jQuery仿excel表格头部固定内容滚动效果代码

    通常,HTML表格结构包含thead、tbody和tfoot三个部分,其中thead用于存放表头,tbody存放数据,tfoot则存放表脚。 2. **监听滚动事件**:使用jQuery的`$(window).scroll()`或`$('table').scroll()`函数来监听滚动...

    表格头部固定不动,数据滚动插件

    本插件就是专门为此目的设计的,其标题为“表格头部固定不动,数据滚动插件”,描述中提到它提供了详细的使用方法和内容,可从下载包中获取。 这个插件的核心功能是锁定表格的表头部分,使其在用户滚动表格数据时...

    jQuery带滚动条头部固定表格代码.zip

    然而,当表格内容过多导致需要滚动时,固定表头的设计能让用户在浏览过程中始终清晰地看到列标题,提高用户的使用体验。这就是"jQuery带滚动条头部固定表格代码"所解决的问题。 jQuery 是一个广泛使用的JavaScript...

Global site tag (gtag.js) - Google Analytics