`
天边一朵雲
  • 浏览: 36356 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

(CNBLOGS)10 款很有创意的 jQuery 表格插件

 
阅读更多

本文包含 10 款 jQuery 的表格插件,包含表格功能增强、导出、排序以及过滤等功能。

1. Animated table-sort

该插件可让你使用动画的方式对数据进行排序,在线演示: here.


2. BIGrid

该插件将增强你的表格功能,例如固定的宽度进行行列的滚动等,在线演示: here.


3. Compass Datagrid

这是基于 Ajax 的数据表格插件,可直接从服务器端获取数据,在线演示: here.


4. csv2table

CSV2Table 可以读取CSV文件,它从CSV文件中读取内容并创建成table表格. 在线演示 here.


5. DataTables

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。 在线演示 here.


6. dragtable

支持进行拖拽的重新排序的表格插件,在线演示:here.


7. Dropdown Table Filter

该插件在表格的每个列中增加了下来过滤,在线演示: here.


8. Dynamic list

这是一个动态排序和分页以及过滤的产品列表插件,在线演示:here.


9. Exportable CSV Table

该插件可让你将表格的数据导出到 CSV 文件中,在线演示:here.


10. Flexigrid

Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。在线演示:here.


分享到:
评论

相关推荐

    jquery小插件

    这个玩意纯属自己做来试试,链接地址http://i.cnblogs.com/EditPosts.aspx?opt=1中插件制作的资源地址,功能是table间隔变色,鼠标激活行变色的功能,有需要的可以下来看看

    jquery Autocomplete插件,搜索自动完成

    jQuery plugin: Autocomplete 参数及实例 官网:jQuery plugin: Autocomplete 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3 转自:http://www.cnblogs.com/duanhuajian/p/3398904.html

    Jquery识别鼠标手势插件

    觉得点击切换图片这样的方式不潇洒,鼠标手势呢?于是构思了一下识别鼠标手势的问题。自己去实现然后封装成了一个jquery插件。使用简洁。 详细的请看http://www.cnblogs.com/xiaobajiu/p/3662631.html

    jquery file ajax upload插件的实例

    jquery官方插件ajax file upload使用的实例,用asp.net做的服务器端。具体说明请看这里http://www.cnblogs.com/luq885/archive/2007/11/15/959749.html

    自制jQuery焦点图切换简易插件

    【自制jQuery焦点图切换简易插件】是一种基于JavaScript库jQuery实现的图片轮播效果,它为网站添加动态、吸引人的视觉焦点,使用户能够轻松浏览一组相关图片或内容。这种类型的插件通常用于产品展示、新闻滚动或者...

    Win8磁帖 MetroUI(Jquery插件)

    想用一下Win8的磁帖界面于网页之中。寻到的资源皆不满意,于是自己动手写了一个Jquery插件。使用起来还是比较方便。原创。 详细参考:http://www.cnblogs.com/xiaobajiu/

    JQuery.flash.js前端脚本插件

    jQuery.Flash是基于jQuery插件的JavaScript代码,主要为了解决Flash在WEB页面的嵌入式解决方案,与AC_RunActiveContent、SWFOjbect功能类似,但是与其相比有更多的优点: (1) 完全W3C标准(2) 稳定的交互功能(3...

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

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

    WLW插入着色代码块插件CNBlogs.CodeHighlighter

    总结起来,CNBlogs.CodeHighlighter插件是Windows Live Writer的一款强大工具,专为提升编程类博客的质量而设计。它简化了代码插入过程,增强了代码的可读性,并且支持多平台使用,是编程博主不可或缺的助手。通过...

    自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)

    自己做了三个专门用来操作下拉列表框(select)的jquery插件,一是通过ajax方式填充列表项的FillOptions, 二是下拉列表框的联动插件CascadingSelect,三是手动添加列表项的AddOption插件 具体说明请看这里 ...

    WindowsLiveWriter.CNBlogs.CodeHighlighter

    "Windows Live Writer CNBlogs CodeHighlighter" 正是一款针对这一需求的插件,专为提升代码插入体验而设计。 该插件的核心功能是代码高亮显示,它可以使得插入到博客文章中的代码块更加清晰易读。在没有此类插件的...

    jquery可编辑的下拉框combox

    在IT领域,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在本篇文章中,我们将探讨“jQuery可编辑的下拉框ComboBox”,这是一种结合了输入框和下拉列表功能的控件...

    jQuery学习之Datepicker日期选择插件.pdf

    你可以参考以下链接了解更多详情:[http://www.cnblogs.com/yasin/archive/2009/07/10/1520736.html](http://www.cnblogs.com/yasin/archive/2009/07/10/1520736.html)。 通过这些配置和增强,Datepicker插件可以...

    jQuery formValidator表单校验插件ver2.9.1

    功能介绍: jQuery formValidator表单校验插件 插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示 目前支持5种大的校验方式,分别是:InputValidator(针对input、textarea、select...

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    jquery_validate

    **jQuery Validate插件详解** jQuery Validate是一个非常流行的JavaScript库,用于在客户端进行表单验证,它简化了HTML表单的验证过程,提高了用户体验,并减少了服务器端的压力。该插件是基于jQuery库构建的,因此...

    VIsual JQuery1.1本地版

    jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。Visual jQuery 1.1本地版是该库的一个特定版本,它专为离线使用而优化,提供了更快的加载速度...

    hexo-migrator-cnblogs:Hexo 的 cnblogs 迁移器插件

    hexo-migrator-cnblogs Hexo 的 cnblogs 迁移器插件如何使用安装模块: npm install hexo-fs npm install hexo-migrator-cnblogs 转到您的 hexo 文件夹,然后执行以下命令: hexo migrate cnblogs < username> 由于...

    jQuery中的Sizzle引擎分析

    jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。Sizzle是jQuery中的核心选择器...理解和掌握Sizzle的工作原理,对于提升JavaScript编程技巧和解决实际问题具有很大帮助。

Global site tag (gtag.js) - Google Analytics