18个最好的jQuery表格插件
发表于 10:26|
来源开源中国社区|
摘要：我们一般使用HTML表格来显示数据，我们都知道div更容易设计，更灵活。但是现在你使用这些精彩的jQuery表格插件，将更简单、灵活、更多风格。 本篇文章介绍了18个非常不错的jQuery 表格插件，
我们一般使用HTML表格来显示数据，我们都知道div更容易设计，更灵活。但是现在你使用这些精彩的jQuery表格插件，将更简单、灵活、更多风格。
本篇文章介绍了18个非常不错的jQuery表格插件，。
DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。
Tablesorter是一个用来直接在浏览器上对表格数据进行排序的jQuery插件，无需再次刷新页面，支持多种单元格数据类型，例如数值、字符串、日期和自定义排序。
uiTableFilter是一个用来过滤表格中的列的jQuery插件。
jQuery插件，可以当鼠标悬停时，可以高亮表格中的整个列。
Scrollable HTML Table这个jQuery插件用来在一个固定高度的表格中显示滚动行的数据。
columnManager是可以控制任意表格列显示或隐藏的jQuery插件，而且它可以保存当前表格的状态至你下次访问。这个jQuery插件非常小巧轻量，仅3.6kb。
Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
只需要加入如下代码&script type=&text/javascript&& $(document).ready(function() { // Initialise the table $(&#table-1&).tableDnD(); }); &/script&即可随便拖动列。
HeatColor可以让你根据元素的值来为元素设置颜色。它的值的比对时根据预设的一个范围来进行比较，最后对他们自动进行颜色值的设置。
使用JQTreeTable插件你可以得到一个树形表格，如果用户的浏览器禁用了JavaScript，那么他们也能看到普通形式的表格，并不影响可访问性。
FireScope Grid是一个jQuery插件，用HTML表格增加了数据表格的常用功能，这些功能都在客户端上直接完成。
Ingrid是一个jQuery的电子数字表格插件，主要功能有列宽度变化、分页、行和列的样式等。
jTPS jQuery数据表格插件，提供动态滚动、排页等功能，开发版本仅15Kb。
该jQuery插件增加了实时类Google列表过滤功能到HTML表格。该开源项目基于MIT协议。
original table sort script的重写，包括一些更多的功能，更快的排序架构。
这是一个可以固定表头的jQuery插件。当表格向下滚动时，表头不会跟着动。
jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格，让表格承载更多的消息比如图片，列表，图表和其它元素。
TableEditor提供了灵活的对表格进行即时编辑功能，用户可自定义编辑的处理函数，例如调用Ajax方法更新数据等。
原文链接：
推荐阅读相关主题：
网友评论有（0）
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)【精心挑选】15款最好的 jQuery 网格布局插件（Grid Plugins）
　如今，大多数网站设计要靠网格系统和布局，这能够提供给设计人员一个方便的途径来组织网页上的内容。网格的设计最常见于报纸和杂志的版面，由文字和图像构成的列组成。
　　这篇文章给大家分享精心挑选的15款最佳的&&网格布局插件（jQuery
Grid Plugins），它可以帮助你在创建网格布局项目时大大缩短开发时间。
您可能感兴趣的相关文章
1. Freewall
　　Freewall 是一个跨浏览器和响应式的&&插件，以帮助您创建多种类型的网格布局：灵活的布局，图像布局，嵌套网格，流体网格，Metro
风格的布局，Pinterest 风格的布局。Freewal 是集所有功能于一体的解决方案，用于为桌面，移动和平板电脑设备创建动态网格布局。
2. jQuery Nested
　　这款&jQuery 插件用于生成无间隙的多列网格布局。该插件创建一个所有元素的矩阵，构建一个多列网格并通过重新排序元素来填充间隙。它的用法很简单，只需通过一个&&函数绑定容器元素。
3. Mason.js
　　有很多基于&&的解决方案用于创建动态的列布局（类似
Pinterest 风格）。这些方案都很好，但是实现的网格会包含间隙或粗糙的边缘。Mason.js 这款&&插件旨在填补这些空白。网格被创建时，这款插件在会计算出存在的间距，并使用预定义的元素或通过复制网格中的内容填充它们。
4. jQuery.Shapeshift
　　jQuery.Shapeshift 是另外一个网格布局插件，让项目可以拖放布局（使用 jQuery UI 实现）。拖放不会对网格布局产生负面影响，因为会在需要的时候自动填补空白。它也适用于触摸设备和响应布局。该插件还有许多选项，可以设置页边距，启用/禁用拖放，自定义动画效果等等。
5. S Gallery
　　S Gallery&是一款效果精美的&&图片库插件，在一个响应式的网格中显示图像。它的灵感来自于索尼的产品页面（使用
Flash 制作的），一旦项目被点击就会重点突出，可以通过上一个、下一个按钮或通过键盘浏览其它图片。
6. Wookmark jQuery Plugin
　　动态列的网格布局如此受欢迎，不仅因为它被 Pinterest 使用，也因为它是使用不同大小显示内容的一个好方法。Wookmark 这款&插件用于创建这样的布局，能够在每个浏览器都工作良好。
7. Grid-A-Licious
　　Grid-A-Licious&是林外一款实现网格布局的&&插件，使我们能够轻松地创建类似
Pinterest 的浮动网格布局。这款插件和其它的不同之处在于提供了一个完全响应解决方案，无论什么样的屏幕大小或设备，网格都能自动适应，因为它是浮动的（没有使用绝对定位）和流体。
8. jPhotoGrid
　　jPhotoGrid 用于把一组图像和字幕变成可以扩展和缩放的照片网格。诀窍是通过浮动列表项来布局网格，当你点击缩略图的时候，可以放大单个图像，关闭时会将其返回到原来的地方。
9. Gridster
　　Gridster 是一款令人印象深刻的&&插件，用于开发类似
iGoogle 的多列网格，可以通过拖放重新排序，建立直观的跨越多个列的拖动布局元素。
10. Photoset Grid
　　Photoset Grid 是一款简单的&&插件，可以用于把图片排布成一个灵活的网格。最初，这款插件是为
Tumblr 主题创建的，用于实现响应式的图片网格布局。
　　Flex 是一个用于实现流体网格动画的&&插件。当你将鼠标放悬停在图片集上面的时候，图片或扩大。Flex
的灵感来自于 Adidas 的主页。
12. Freetile
　　Freetile 能够帮助你组织网页内容，形成动态的、响应式的布局。它可以应用到一个容器元素，它会尝试安排它的子元素，最佳利用屏幕的空间，通过“包装”他们形成紧凑的布局。
13. Griddy
　　Griddy是一个轻量的&&插件，能够在任何元素之上创建简单的，自定义的网格布局。它也可以自动根据行/列间隔空间的数量计算行高和列宽。可设置的选项包括：行，行高，列高，列宽，颜色和透明度等。
14. jSquares
　　jSquares 这款&&插件用于在鼠标悬停的时候弹出遮罩层显示图像和说明。它和
www.ted.com 上的图像网格基本相同。有一些参数可以在调用 jSquares 的时候加入，例如标题大小，图像的不透明度，切换速度等。
15. jqGrid
　　jqGrid 这款网格插件有很多特色功能。由于网格是一个客户端解决方案，数据加载使用的是&&回调函数，因此它可以用于任何服务器端语言，如
ASP，PHP，ASP.NET，JSP 等等。
您可能感兴趣的相关文章
本文链接：
编译来源：
出处：&记住啦：）&
欢迎任何形式的转载，但请务必注明出处。
看过本文的人也看了：
我要留言技术领域：
取消收藏确定要取消收藏吗？
删除图谱提示你保存在该图谱下的知识内容也会被删除，建议你先将内容移到其他图谱中。你确定要删除知识图谱及其内容吗？
删除节点提示无法删除该知识节点，因该节点下仍保存有相关知识内容！
删除节点提示你确定要删除该知识节点吗？博客分类：
一、组件概述
基于jQuery WeUi的手机端滚动分页组件，实现上拉加载下一页数据及下拉加载最新数据。对比网上常用手机端分页组件（如，iscroll.js）主要有以下优势：
1.使用非常简单，学习成本很低，1行js代码既可以完成前端代码编写
2.列表点击进入详情后，再返回列表时可以保留进入详情前的数据以及滚动的位置。这一点是最重要的优势，也是当时写这个组件的动机。
二、实现思路
1.基于jQuery WeUi支撑，实现列表上拉、下拉事件的绑定；
2.采用H5 sessionStorage缓存支持，缓存已加载数据、当前页、总页数；
3.列表页面有时间戳隐藏域，借助这个隐藏域的时间戳作为sessionStorage的key，解决直接进入列表还是返回进入列表。
三、对组件期望
项目在github上开源：https://github.com/zeliangmo/scroll-grid
1.本人前端代码编写质量不是很高，希望大家可以参与重构代码；
2.希望大牛参与把下拉、上拉事件监听能够在本插件中实现，成为一个可以独立运行的手机端分页插件，解决移动开发常用难题；
3.组件可以扩展更多的功能。
四、使用说明
使用本组件引入jQuery WeUi 相关的js和css，同时，引入scroll-grid.js编写下述代码完成组件调用。
$('#list').srollGrid({
url:'demoList.action'
代码说明（更多参数请查看源码）：
1."#list"为显示列表的容器
2.url:请求为列表数据url
浏览: 12953 次
来自: 广州
没有试成功
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'