一个表头固定/列宽可以拖动/标题排序的JS组件

最新推荐文章于 2019-10-11 00:07:03 发布
原创 最新推荐文章于 2019-10-11 00:07:03 发布 · 348 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTC #Firefox #Google #浏览器

这是一个整合了多种功能的JS表格组件，包括表头固定、列宽调整及标题排序等功能。该组件由多个部分组成，适用于IE6至IE8及Firefox等浏览器。

本人在网上搜集来的js组件,组合而成,table表头可以固定,列可拖动大小,标题可排序的组合体,在此感谢:

Ejo writeen in 2005/7/30
' support freeze footer
'  mailto: ejo_lin@gocyberlink.com

提供表头固定组件


皆为人家作品,本人只是整合而已,有人用到,请注明原版权,谢谢!
下图为效果图:

(ie6 ie7 ie8下测试过...Firefox....未测)

 

jQuery+js 实现Table表格可任意拖动调整列宽度大小 适用于列表页等表头拖动宽度设置
09-23
jQuery+js 实现Table表格可任意拖动调整列宽度大小 适用于列表页等表头拖动宽度设置，完美兼容IE，FireFox，Google Chrome浏览器。
实现固定表头和可排序的jQuery表格插件
12-11
StickySort是一款非常实用的实现固定表头和可排序的jQuery表格插件。该表格可以非常容易的实现表格表头固定显示的效果。并且它可以对每一个表格列进行排序显示，非常的实用。
固定表头，点击表头排序，拖动表格的列宽
06-23
固定表头，点击表头排序，拖动表格的列宽，使用非常方便
js table 表头拖动
04-17
js table 表头拖动 适应各种主流浏览器很好的用户体验度
jquery 表格插件表头标题固定在顶部表格内容拖动显示
09-22
jquery 表格插件表头标题固定在顶部表格内容拖动显示
实现表格功能：固定表头、点击排序及列宽拖动
根据提供的文件信息，我们可以了解到需要详细阐述的知识点涉及Web前端开发中表格操作的相关技术，具体是关于固定表头、点击表头进行排序、以及拖动表格列宽调整的功能实现。这些功能在构建数据展示界面时非常常见，...
JGrid：轻量级表格增强插件，支持排序与列宽调整
综上所述，JGrid 是一个面向传统 Web 表格增强需求的经典 JavaScript 解决方案，集成了行号生成、表头固定、列宽拖拽、点击排序等多项实用功能，具备高度的易用性与广泛的浏览器兼容性，尤其适合需要在老旧浏览器...
基于Bootstrap的表格分页排序搜索与拖动列宽实现
本项目标题为“bootstrap实现表格的分页排序搜索和鼠标拖动列宽示例”，其核心目标是基于Bootstrap框架构建一个功能完备、交互性强的数据表格系统。该系统不仅实现了基础的数据展示，还集成了分页、排序、搜索以及...
Sigma Grid Ajax动态表格支持分页与列宽拖动
从标题“Sigma Grid ajax动态表格（支持分页、列宽拖动、数据排序）”可以看出，该组件聚焦于实现高效、灵活且用户友好的表格展示机制。结合描述中“值得下载看看！资源免费，大家分享！！”可以推断，这是一个开源...
两个Table固定表头，可根据页面大小自行调整（使用JavaScript）
天河北的梅果糖
01-03 1533
pageEncoding="UTF-8"%> /** * @param oTarget                需要加载scroll的dom对象 * @param fnHandler              处理的回调函数  */ function eventHandler(oTarget, fnHandler) { if (oTarget.addEvent
基于colResizable-1.6实现一个表头固定、列宽可调的table.zip
10-11
不要浪费积分下载，请参考博客：https://blog.youkuaiyun.com/fukaiit/article/details/102492232
JQuery拖动表头边框线调整表格列宽效果代码
10-25
当鼠标停留在表头边框线上，接着拖动鼠标，会在表格中出现一条随鼠标移动的竖线，最后放开鼠标，表格列宽会被调整
拖动表头改变栏位顺序
12-20
拖动表头改变栏位（列）的顺序，相应的table下的td的顺序也随之改变
保持固定表头和表体宽度一致,dom中js的妙用.docx
05-09
在web应用中，使前后端分离、网页dom、js、css分离成为业界共识，这样对web项目的开发和维护很有好处。那么嵌入在dom中，尤其是dom行间的js是否是一无是处了呢?答案是否定的，在这样一种场景下，是大有用处的。 如果将内容显示在表格中，内容较多的情况下会出现垂直滚动条，在向下滚动时，表头会被隐藏，这对查看内容非常不便，一个解决办法是，采用上下两个放在不同div中的表，上面的专门放表头，下面的显示详细内容。网页初始化时，把内容显示在下表中。但是，当内容较多时，下表所在的div出现垂直滚动条，使下表的宽度变小，而上表的宽度不变，从而上下表的单元格出现错位，不好看了。 怎么解决呢？ 你可能想到了使用表大小改变事件、或者表内容改变事件。但是，这些事件在网页初始化过程中不会被触发。 退一步，对下表使用鼠标进入事件，虽然能实现上下表宽度保持一致，但是网页给用户的第一印象是上下表宽度不同，表格列错位。 使用文档完成事件，也不行，这个事件发生在表格内容填充之前。 此种情况下，拾起被摒弃的dom中的js，便可很方便的解决问题。
表头固定插件StickyTableHeaders.zip
07-19
StickyTableHeaders 可以在页面滚动时将表头固定在屏幕顶部，这样能使大型的列表能更方便使用。
基于colResizable-1.6实现一个表头固定、列宽可调的table
WWF_HelloWorld
10-11 2466
colResizable官网：http://www.bacubacu.com/colresizable/ 能够实现各列完全对齐 能够兼容有无滚动条两种情况 只能在表头部分拖动改变列宽（不能在表体列边框上拖动，我完全可以接受） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-...
拖动表头的一个jquery插件
随心
04-09 1694
<br />前些天另外一个项目组的同事让帮忙找一个能够拖动表头的js代码，要求能够像查询分析器一样的能够拖动表头，在google，baidu后发现了一个基于jquery的，源地址是：http://www.csharpwin.com/dotnetspace/12601r5144.shtml，当时我也拿来试了试，挺好用的，不过有个缺点就是使用后整个页面的表格都可以拖动了，而且还有些小bug，比如说拖动没有控制等，感觉不是很好，于是乎抽了点时间将他封装了一下，变成了一个jquery的插件，顺带学习了一下jquer
bootstrap固定表头
03-23
bootstrap固定表头
jquery插件colResizable实现表格列可拖拽伸缩表格大小
03-14
jquery插件colResizable实现表格列可拖拽伸缩表格大小
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值