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

最新推荐文章于 2022-05-21 14:51:05 发布
最新推荐文章于 2022-05-21 14:51:05 发布
阅读量303 收藏
点赞数
分类专栏： JavaSript 文章标签： HTC Firefox Google 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_8214/article/details/81798262
版权

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

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

提供表头固定组件


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

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

 

iteye_8214
关注
专栏目录
Vue3+element plus实现table拖拽排序(基于Sortable.js)
m0_67372185的博客
03-21 1915
Vue3+element plus实现table拖拽排序(基于Sortable.js)
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 表格插件表头标题固定在顶部表格内容拖动显示
jQuery拖动table列宽组件colResizable
weixin_34403976的博客
01-08 1021
jQuery拖动table列宽组件colResizable 表格内容过多比较挤的情况下会有可拖动列的需求 以下是列拖动的组件 可以 兼容dataTable 组件 官网：http://www.bacubacu.com/colresizable/ 基本使用 // ---------引入cdn---------- // cdn可以去官网下载，上面有链接 <head> <scrip...
html boot设置列宽,《前端》bootstrapTable表头调整列宽
weixin_31733409的博客
06-19 521
需要引入的文件：bootstrapTable基本引入文件：bootstrap-3.3.4.css、bootstrap-table.min.css、jquery-3.5.1.min.js、bootstrap-3.3.7.min.js、bootstrap-table.min.js表头调整列宽需要再引入：colResizable-1.6.js代码：bootstrapTable表头调整列宽$('#tabl...
bootstrap实现表格的分页排序搜索和鼠标拖动列宽示例
02-27
在这个示例中，我们关注的是如何利用Bootstrap来增强表格的功能，包括分页、排序、搜索以及允许用户通过鼠标拖动调整列宽。这些功能大大提升了用户体验，使数据展示更加友好和高效。 首先，要实现表格的分页，...
基于colResizable-1.6实现一个表头固定、列宽可调的table.zip
10-11
不要浪费积分下载，请参考博客：https://blog.csdn.net/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 可以在页面滚动时将表头固定在屏幕顶部，这样能使大型的列表能更方便使用。
vxetablevuetable一个功能更加强大的Vue表格组件
08-10
VxeTable是一个基于Vue.js的高性能表格组件，它提供了丰富的功能和高度的可定制性，使得在JavaScript开发中处理数据展示和交互变得更加便捷。VxeTable不仅具备基本的表格操作，如排序、筛选、分页，还支持复杂的表格...
antd-table结合react-resizable实现多级表头可拖拽表格
m0_58072033的博客
05-21 3173
react-resizable、antd-table、拖拽、多级表头、可变列宽
两个Table固定表头，可根据页面大小自行调整（使用JavaScript）
天河北的梅果糖
01-03 1435
pageEncoding="UTF-8"%> /** * @param oTarget                需要加载scroll的dom对象 * @param fnHandler              处理的回调函数  */ function eventHandler(oTarget, fnHandler) { if (oTarget.addEvent
基于colResizable-1.6实现一个表头固定、列宽可调的table
WWF_HelloWorld
10-11 2285
colResizable官网：http://www.bacubacu.com/colresizable/ 能够实现各列完全对齐 能够兼容有无滚动条两种情况 只能在表头部分拖动改变列宽（不能在表体列边框上拖动，我完全可以接受） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-...
el-table实现表头拖拽效果
最新发布
04-01
el-table是Element UI框架中的一个表格组件，支持表头固定、排序、筛选等功能。在el-table中实现表头拖拽效果，可以让用户根据自己的需求自由调整表格的列宽，提升使用体验。 实现步骤如下： 1. 在el-table标签上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值