表头固定(行,列)的高级表格非TABLE实现 - windywany - ITeye博客

`

windywany

浏览: 5994 次
性别:
来自: 上海

最近访客更多访客>>

PHP菜鸟

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

jasongreen：点了进来,然后我飘走了,数秒后,重新进此贴,毫不犹豫的点精华. ...
只有把用户当傻子,才能做好软件.
jasongreen：速速挽救此贴
只有把用户当傻子,才能做好软件.
lesorb：使用人类的已有经验和知识来进行发明创造是一件很了不起的事情。- ...
只有把用户当傻子,才能做好软件.
windywany：关键是这个表格不是用来解决传统表格解决的问题的.
表头固定(行,列)的高级表格非TABLE实现
xyztony1985：传统表格可以很方便地合并单元格，这个不行
表头固定(行,列)的高级表格非TABLE实现

表头固定(行,列)的高级表格非TABLE实现

博客分类：

好好做

Chrome Opera 浏览器

阅读更多

报表很大,一个页面无法显示,所以想到固定表头(行,列全固定).于是写了一个.基本上能用(IE7+,FF3.6,CHROME,OPERA已测).

在CHROME下可以说是完美,但是在其它浏览器下在拖动时,表头会抖动,望高手可以解决.

想解决的,想看看效果,能用到的,大家下去吧.

likeGrid.rar (25.3 KB)
下载次数: 627

分享到：

发一个类似GOOGLE个性主页的简单实现

2010-03-04 16:49
浏览 2690
评论(2)
论坛回复 / 浏览 (2 / 4110)
分类:Web前端
查看更多

评论

2 楼 windywany 2010-03-05

关键是这个表格不是用来解决传统表格解决的问题的.

1 楼 xyztony1985 2010-03-05

传统表格可以很方便地合并单元格，这个不行

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

固定列头表头ListScroll: 【固定列头表头ListScroll】是一种在Android开发中实现的高级UI组件，它结合了ListView和ScrollView的优点，主要用于展示大量数据并具有横向滚动和纵向滚动功能的表格。这种组件通常用于显示复杂的数据结构，例如...

table表格固定行和列: 然而，当表格数据较多时，滚动浏览可能会导致表头或列宽不易辨识，这时就需要实现“固定行和列”的功能。这个功能使得用户在滚动查看大量数据时，表头和左侧的列始终保持可见，提高用户的阅读体验。要实现`table...

固定table表头的插件: 在实际应用中，"golovko-Fixed-Header-Table-aa40378"插件可能提供了更高级的功能，如自定义样式、滚动平滑效果、多列固定等，使得固定表头的实现更加灵活和强大。开发者可以通过解压并查看压缩包中的文件，学习其...

左侧是表头的表格: 在实现上，`LeftHeadGrid.css`可能包含了表格布局、表头固定效果以及其他视觉元素的定制。`leftheadgridhtml.html`可能定义了表格的基本结构，包括表头和标题的HTML元素，以及可能的交互元素。而`LeftHeadGrid.js`则...

固定表头，点击表头排序，拖动表格的列宽: 当表格数据较多，需要滚动查看时，固定表头可以让用户始终看到列名，清晰地了解每一列对应的数据类型，提高浏览效率。实现固定表头的方法通常有CSS定位、JavaScript或jQuery插件等。例如，在使用jQueryGrid时，可以...

table冻结表头: 这个插件专门用于实现表格的头部和/或列的冻结，使得在浏览长表格时，表头始终可见，增强了用户体验。 "table冻结表头"是一款基于jQuery的轻量级插件，它允许开发者快速集成到项目中，通过简单的API调用，即可实现...

基于colResizable-1.6实现一个表头固定、列宽可调的table.zip: "基于colResizable-1.6实现一个表头固定、列宽可调的table.zip"这个压缩包提供了一个解决方案，允许用户在浏览表格时保持表头固定，同时能够自定义调整列宽，以增强数据查看和分析的便捷性。colResizable是一个...

QT表格固定第一列，拖动时第一列不会遮挡: 在QT编程中，创建动态且用户友好的界面是至关...总之，QT的灵活性和强大的功能允许开发者根据具体需求定制UI元素，实现诸如固定列这样的高级特性。通过深入理解QT的框架和API，你可以创建出高效且用户体验优秀的应用。

layui-高级表格-soul-table功能-HTML源码: 无论是冻结首行、首列还是多行多列，soul-table都能轻松实现。此外，layui-soul-table还支持丰富的JS交互功能。例如，你可以添加排序、过滤、搜索、分页等操作，使表格具备更强的交互性和实用性。同时，它还提供了...

表头、第一列固定的表格: 在网页设计中，固定表头和第一列是常见的需求，特别是在处理大数据量的表格时，为了保持用户在滚动查看数据时能始终看到列标题和行标识，这种布局方式显得尤为重要。"表头、第一列固定的表格"这个主题，通常涉及到...

实现固定表头表格的总结: 在网页设计中，实现固定表头的表格是一个常见的需求，特别是在数据量大、需要滚动查看内容的情况下。这种功能可以提供更好的用户体验，使用户在浏览大量数据时仍能保持对列标题的清晰理解。本篇文章将重点讲解如何...

Ext3.4.0复杂(多行)表头+锁定多列例子: "Ext3.4.0复杂(多行)表头+锁定多列例子"这个标题涉及到的是一个JavaScript库——Ext JS的一个高级功能应用。Ext JS是一个流行的前端框架，用于构建富互联网应用程序（RIA），它提供了一套完整的组件化开发工具，包括...

利用JS+CSS实现滚动表格数据展示: 这可以通过计算视口高度、表格行的高度以及当前位置来实现。总结来说，通过结合JavaScript和CSS，我们可以创建一个既美观又实用的滚动表格，以适应网页中大量数据的展示需求。这不仅提高了数据的可读性，还优化了...

BootStrap table表格插件自适应固定表头(超好用): 在本文中，我们将深入探讨如何利用该插件实现表格的自适应固定表头，这对于在响应式设计中保持数据清晰可读至关重要。首先，要使用BootStrap Table，你需要在你的HTML文件中引入必要的库，包括Bootstrap的CSS和JS...

js控制点击表格排序和表头浮动: 在网页开发中，数据展示通常会使用到表格（Table）元素，而为了增强用户体验，我们经常需要实现一些交互功能，比如点击表头进行排序和表头的浮动效果。本话题将详细讲解如何使用JavaScript（JS）来实现这两个功能。 ...

vxe-table vue表格解决方案 v2.11.0.zip: - **高度可配置**：vxe-table允许用户自定义列宽、列类型、表头样式等，提供丰富的API和指令，以满足不同场景的需求。 - **动态渲染**：根据数据变化自动更新视图，实现数据与界面的实时同步。 - **强大编辑功能*...

jquery表头固定: 本文将详细探讨jQuery实现表头固定的三种方法，基于提供的压缩包文件中的三个示例：Execl-table-grid、jfixed和jquer。首先，我们来看第一个示例，Execl-table-grid。这是一个模仿Excel样式的表格插件，它不仅支持...

vueeasytable基于vue2x实用型table组件: 一、多表头固定 VueEasyTable允许创建具有多级表头的表格，即使在滚动时，这些表头也会保持固定，方便用户理解各列数据的含义。这种功能在处理复杂数据结构时尤其有用，确保了表格的可读性。二、多列固定在处理宽...

superTables表头固定: SuperTables除了基础的表头固定外，还可以扩展其他高级功能，如行选择、列拖动、自定义过滤器等，提升用户交互体验。总结，"superTables表头固定"是一个实用的网页开发技巧，通过理解其原理和实现方式，开发者...

拖动table单元格改变列宽或行高: 一个HTML表格由`<table>`元素定义，包含多个`<tr>`（行）元素，每个`<tr>`元素又包含多个`<td>`（单元格）或`<th>`（表头单元格）元素。这些元素的宽度和高度默认由浏览器根据内容自动调整，但可以通过CSS样式来设定...

Global site tag (gtag.js) - Google Analytics