`
javatim
  • 浏览: 69968 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

阅读更多

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

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

提供表头固定组件


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

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

 

  • 大小: 60.5 KB
分享到:
评论
2 楼 jkluooop 2010-05-30  
没用,firfox, google浏览器不支持htc.
1 楼 ndliruibo 2010-05-25  
太有用了

相关推荐

    固定表头,点击表头排序,拖动表格的列宽

    "固定表头,点击表头排序,拖动表格的列宽"这三个特性是提高用户交互性和体验的重要功能,广泛应用于各种数据密集型的网页应用中。下面我们将详细探讨这三个知识点。 1. **固定表头(Fixed Header)**: 当表格...

    bootstrap实现表格的分页排序搜索和鼠标拖动列宽示例

    在这个示例中,我们关注的是如何利用Bootstrap来增强表格的功能,包括分页、排序、搜索以及允许用户通过鼠标拖动调整列宽。这些功能大大提升了用户体验,使数据展示更加友好和高效。 首先,要实现表格的分页,...

    asp.net中的GridView自定义分页及可拖动改变列宽代码

    // JavaScript部分,实现列宽拖动 $(document).ready(function () { $('.gridHeader').draggable({ handle: '.gridHeader' }); $('.gridHeader').resizable({ stop: function (event, ui) { var columnWidth = ...

    EXT grid 表头 三层 插件

    4. **交互性**:表头的三层结构可以支持用户的交互操作,如点击排序、拖拽调整列宽和列顺序,增强了用户体验。 5. **源码解析**:对于开发者来说,了解和掌握这个插件的源码是非常重要的。通过阅读源码,可以学习到...

    vxe-table vue table 表格组件功能

    在样式定制方面,vxe-table提供列宽拖动、流体高度以及固定表头和列等选项,使得表格在不同设备和屏幕尺寸下均有良好的显示效果。固定表头可以保证在滚动时表头仍然可见,而固定列则允许在横向滚动时固定某些列,这...

    table列排序、列拖动、列宽度变化、行交换

    例如,在一个待办事项列表中,用户可能需要调整任务的顺序,通过行交换就能轻松实现。在实际实现中,这通常涉及到选中一行后将其与另一行交换位置,同时更新后台数据存储的对应关系。 在实现这些功能时,开发者通常...

    vxetablevuetable一个功能更加强大的Vue表格组件

    VxeTable是一个基于Vue.js的高性能表格组件,它提供了丰富的功能和高度的可定制性,使得在JavaScript开发中处理数据展示和交互变得更加便捷。VxeTable不仅具备基本的表格操作,如排序、筛选、分页,还支持复杂的表格...

    多功能代码

    标题中的“多功能代码”指的是一个JavaScript实现的代码库或组件,它为HTML表格提供了多种功能,包括固定表头、列排序以及列宽调整。这些功能是网页数据展示中常见的需求,能够提升用户交互体验和数据可读性。 首先...

    实现可改变列宽度的表格、还可以交换列位置、排序登功能

    本文将深入探讨如何实现一个可改变列宽度、交换列位置以及排序功能的表格。这些特性能够极大地提升用户在浏览和操作数据时的便捷性和舒适度。 首先,我们要关注的是**可改变列宽度**的功能。在网页上,这通常通过...

    vxe-table vue表格解决方案 v2.11.0.zip

    对于计算机专业的学生,vxe-table可以作为一个优秀的案例来研究Vue.js组件的开发和设计。它不仅展示了如何构建一个高性能的前端组件,还涉及到数据绑定、事件处理等关键知识点,对于毕业设计和论文撰写具有很高的...

    react-BaseTable是一个react表格组件能够以高性能和灵活性的显示大型数据集

    此外,开发者还可以通过插件系统扩展组件功能,例如添加拖拽排序、多选功能等。 ### 6. 国际化与无障碍访问 为了满足全球化需求,BaseTable支持国际化,可以轻松切换不同的语言环境。同时,它遵循无障碍访问(WCAG...

    vxe-table vue表格解决方案 v4.5.20.zip

    vxe-table是一款开源的Vue表格组件,它提供了丰富的表格功能,包括但不限于数据排序、筛选、分页、合并单元格、拖拽列宽、行列固定、自定义操作等。这个组件不仅易于集成到现有的Vue项目中,而且在性能优化方面也做...

    通过调用strus2 , Flexgrid 显示数据

    Flexgrid是一款功能丰富的JavaScript组件,它可以方便地在Web页面上创建灵活的表格,支持数据的动态加载和操作。 首先,我们来了解Struts2的数据传递机制。Struts2的Action是业务逻辑的核心,它接收来自客户端的...

    colResizable demo js

    "colResizable demo js" 是一个JavaScript库,专门用于实现表格列的可拖动调整大小功能。这个库使得用户可以通过直接拖动表头来调整表格列的宽度,从而提高数据查看和管理的便捷性。在网页设计和开发中,特别是在...

    vxe-table vue表格解决方案 v3.2.0-源码.zip

    vxe-table组件提供了丰富的功能,如数据排序、过滤、分页、合并单元格、行/列动态增删、拖拽调整列宽等,适用于各种企业级应用中的数据展示和操作。在v3.2.0版本中,可能已经修复了之前版本的一些已知问题,并添加了...

    基于element-ui的table表格封装

    在前端开发中,Element UI 是一个非常流行的组件库,它为 Vue.js 应用提供了丰富的 UI 组件。本文将深入探讨如何基于 Element UI 进行 table 表格的封装,以便于在实际项目中实现更高效、可复用的代码。 Element UI...

    backbonegrid

    BackboneGrid是一个基于Backbone.js库开发的网格(表格)控件,专为构建数据密集型Web应用而设计。在JavaScript MVC框架中,Backbone.js以其轻量级、灵活和强大的模型-视图-控制器(Model-View-Controller)架构模式...

    easyUI笔记11

    JQuery EasyUI 是一个强大的前端开发框架,它基于 jQuery,为开发者提供了丰富的用户界面组件,如面板、菜单、按钮等,极大地简化了网页应用的构建。在这个“easyUI笔记11”中,我们将深入探讨EasyUI的一些核心概念...

    layui-table 案例.rar

    其中,Layui-Table 是一个强大的表格组件,它支持数据加载、排序、分页、自定义操作等多样化功能。本案例将深入解析如何使用 Layui-Table 创建经典表格,并且适合新手入门学习。 1. **Layui-Table 基本使用** ...

    jquery grid

    3. **宽度拖拽**:用户可以通过简单的拖动操作调整列宽,这一特性使得用户可以根据自己的需求来定制表格的显示方式,提高数据的可读性。 4. **无限扩展列**:jQuery Grid 具有高度的灵活性,允许开发者根据需求添加...

Global site tag (gtag.js) - Google Analytics