`
daoshud1
  • 浏览: 557235 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

jquery固定表头

    博客分类:
  • js
阅读更多
function fixTableHeader(gv,scrollHeight){
	var gvn=$(gv).clone(true).removeAttr("id");
    $(gvn).find("tbody").remove();
    $(gvn).find("tfoot").remove();
    $(gv).before(gvn);
    $(gv).find("thead").remove();
    $(gv).wrap("<div style='height:"+ scrollHeight +"px;width:100%; overflow-y: scroll;overflow-x:hidden; overflow: auto; padding: 0;margin: 0;'></div>");
}
thead为表格的表头
tbody
tfoot表格内容

原文地址:http://blog.csdn.net/c00w00z/article/details/5298574
分享到:
评论

相关推荐

    JQuery固定表头 及左侧列

    JQuery固定表头 及左侧列

    jquery 固定表头和列

    总结来说,实现jQuery固定表头和列主要涉及HTML布局、CSS样式和jQuery的滚动事件监听。通过合理地组合这些技术,我们可以创建出用户友好的数据展示表格,即使在大量数据下也能保持清晰的结构。实际应用中,根据需求...

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

    为了解决这个问题,"jquery表头固定、列固定完美解决方案"应运而生。这个方案结合了jQuery库和自定义的JavaScript插件,旨在确保用户在滚动页面时,表头和选定的列始终可见。 jQuery是一个轻量级的JavaScript库,它...

    jquery固定表头出现4个导航条

    在本案例中,"jquery固定表头出现4个导航条"可能指的是在长表格中,不仅有横向的表头需要固定,还有纵向的分页导航条,以及可能的上下左右四个方向的滚动条。 首先,让我们详细了解如何使用`jQuery`实现固定表头的...

    jquery 固定表头 表列

    本篇文章将深入探讨如何利用`jQuery`实现固定表头和表列的功能,以及如何处理表头的多行显示。 首先,固定表头是确保用户在滚动页面时仍能清晰看到表格分类的关键特性。在`jQuery`中,这通常通过监听滚动事件并调整...

    JQUERY实现表头固定

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

    固定表头的jQuery插件

    为了解决这个问题,"固定表头的jQuery插件"应运而生。这个插件允许在用户滚动页面时保持表格的头部列名始终可见,提供了一种优雅的方式来处理长表格的浏览体验。 该插件基于JavaScript库jQuery,它是一个轻量级、高...

    基于jquery的固定html table表头/列头插件

    总结来说,"jquery.fixedtable.js"是一个实用的jQuery插件,旨在提升网页中大型表格的用户体验,通过固定表头和列头,使得数据浏览更加方便。它具有良好的浏览器兼容性,且易于集成到现有项目中。开发者可以根据自身...

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

    本教程将深入探讨如何利用`jQuery`来创建一个表头固定、内容区域可滚动的表格。 首先,我们需要在HTML中构建基本的表格结构。表头`&lt;thead&gt;`通常包含表的列名,而表体`&lt;tbody&gt;`则包含实际的数据行。例如: ```html ...

    基于jquery的table表头固定

    3. **jQuery插件实现**:一个优秀的jQuery插件会提供便捷的API接口,允许开发者自定义设置,如固定表头的样式、滚动事件触发时机等。例如,`jquery-table-fixed`插件可能包含以下功能: - 初始化插件,绑定到特定的...

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

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

    jQuery冻结表头、列

    总结来说,jQuery冻结表头和列是通过创建复制的表头和列,结合滚动事件处理和CSS定位来实现的。理解这一过程可以帮助开发者自定义实现或更好地使用现有的jQuery插件,提升用户体验,特别是在处理大数据表格时。

    jquery 冻结表头的代码。 我试过了,很好用。

    通常,这个脚本会先克隆原始的表头,然后将其绝对定位到视口上方,这样即使表格内容滚动,表头也会固定在屏幕顶部。同时,这个脚本可能还会处理一些边界情况,比如当表格高度不足以触发滚动时,隐藏复制的表头。 ...

    用JQuery写的固定表头插件

    用JQuery写的固定表头插件,供大家一起共同分享学习。

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

    本文将详细介绍一个基于jQuery的简单好用的固定表头插件——freezeheader。 `jQuery Freezeheader`插件是一款高效且易于使用的工具,它专门用于实现表格的固定表头效果。该插件具有以下特点: 1. **简单配置**:`...

    jQuery仿excel固定表头和首列的表格.zip

    这个"jQuery仿excel固定表头和首列的表格.zip"压缩包提供了一个解决方案,利用jQuery实现这样的效果。下面我们将深入探讨这个话题,了解如何使用jQuery来创建一个具有固定表头和首列的表格。 首先,jQuery是一个轻...

    基于jquery的表头固定的若干方法

    标题“基于jquery的表头固定的若干方法”和描述“如果Table数据过多,页面必然会拉的很长,固定表头,可以方便用户对照表头项目列表。近日做后台界面时,整理固定表头三种方法”揭示了文档要讨论的内容是如何在使用...

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

    前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery。 因为方法很简单,就未封装成插件的形式,仅仅以代码...

    使用Jquery设置表头固定

    为了解决这个问题,我们可以使用JavaScript库Jquery来实现表头固定的功能,使用户在滚动页面时始终能看到列头,提高用户体验。 Jquery是一个轻量级、高性能的JavaScript库,提供了丰富的DOM操作、事件处理和动画...

    Jquery表格添加滚动条插件,固定表头

    本话题将深入探讨如何使用jQuery实现表格添加滚动条的功能,并固定表头,这在处理大量数据时非常有用,因为可以保持表头可见,方便用户在滚动时查看列名。我们将基于提供的"superTables.js"和"superTables"这两个...

Global site tag (gtag.js) - Google Analytics