推荐25个很酷的jQuery网格插件

jQuery网格插件允许您创建各种表格布局。网格布局是报纸和杂志中最常见的布局，在今天的网站中也非常常见。在本文中，我推荐jQuery的25个网格插件。您可以随意控制网格的行和列，并用文本和图片填充它们。我用顶层来描述这些插件，相信大家理解了之后会觉得很酷。

1.Gridify

Gridify是一个轻量级的jQuery插件，用来创建一个类似Pinterest图片加载网格的插件。支持图像加载事件、窗口缩放事件、超长高度项目、动态项目宽度和动画(CSS3过渡)。

2.免费软件

Freewall是一个跨浏览器且响应灵敏的jQuery插件，可以帮助你创建各种类型的网格布局：灵活布局、图像布局、嵌套网格、流体网格、Metro风格布局、类似pinterest的布局。此外，它还有漂亮的CSS3动画效果和回调事件。免费软件是一个集所有功能于一体的解决方案。您可以为台式机、手机和平板电脑创建动态网格布局。

3.响应性等高砌块

响应等高块是用JavaScript和CSS实现的。事实上，它根据每一行显示一个列表，并通过每行中最高的条目来设置其他条目的位置。

4.MatchHeight.js

MatchHeight.js可以使所有选中元素的高度完全相等。这是一个具有相同高度的更强大的插件，可以正确处理混合填充、边距、边框、框大小、行和组。它会在需要时自动更新图像处理和响应布局。

5.Gridmanager.js

Gridmanager允许您创建、记录、更新和删除表格布局中的行和列，并创建可编辑区域的网格布局。每个网格都可以编辑，以定义大小和数量，并调整其位置。GridManager需要jQuery、jQueryUI和Bootstrap 3.x，tinymce堆垛机可选。

6.s画廊

S Gallery是jQuery图片集的一个插件，它在一个响应表中显示你的图片。其灵感来源于索尼产品。选择一个项目时，界面上会出现选择上一个/下一个项目的按钮。您也可以单击其他位置返回到整个表格布局。

7.弹性柱

Elastic Columns是一个轻量级、响应性强的网格布局插件，可以根据宽度值轻松定义网格，监控浏览器大小，自适应显示网格。

8.Mason.js

Mason.js是一个jQuery插件，它巧妙地填补了网格中的空白。创建网格时，插件开始计算这些间隙，然后用网格中复制预定义元素或内容填充这些间隙。您可以定义元素的大小、列/行的大小、断点的大小，或者布局是流动的还是固定的。

9.rowGrid.js

RowGrid.js是一个非常小的、轻量级的jQuery插件，它可以垂直排列图像，并且响应迅速，可以无限地滚动图像。

10.BttrLazyLoading

BttrLazyLoading是一个用于响应性图像延迟加载的jQuery插件，它允许用户的web应用程序延迟加载图像，直到图像滚动。BttrLazyLoading提供四种不同的屏幕尺寸：手机(768px)、平板电脑(768px)、台式机(992px)和大型台式机(1200px)。

11.jqGrid

JqGrid是一个用于显示网格数据的jQuery插件。通过使用jqGrid，可以轻松实现首页和后台数据的ajax异步通信。

12.砖石建筑

砖石是一个易于使用的jquery网页布局插件，可以去除不同高度的div之间的缝隙，让你的网页看起来更加整洁美观！

13.jQuery Shapeshift

JQuery拖动插件Shapeshift，拖放可以重新排列容器，甚至在多个项目中使容器变形。拖动元素以更改它们在父容器中的索引位置。

14.嵌套jQuery

嵌套是一种动态网格布局，可帮助您创建多个列。与其他类似的类库或jQuery插件不同，它可以帮助您消除所有空白。使用这个插件将帮助您扫描所有的间隙大小来重新排序元素，这类似于其他类库或插件，但是嵌套的最后一步将帮助您缩放元素以消除所有的间隙。

15.抬头网格

Headsup Grid的特点是可以在不同的平台上展示不同的风格。

16.Wookmark jQuery插件

Wookmark jQuery插件是一个jQuery插件，用来实现瀑布的网页布局效果。

17.jQuery瀑布

JQuery瀑布是用li标签做多列瀑布布局，用鼠标滚动页面图片的无限加载效果。

18.网格-合法的

Grid-A-Licious是一个易于使用的jQuery插件，可用于创建响应性瀑布流布局，并可自动适应不同设备的宽度。您可以通过参数在动态显示期间设置其宽度、速度和延迟，这是高度可定制的。

19.Gridster

Gridster.js是一个jQuery插件，用于构建直观的拖放布局，支持多列布局。您还可以动态添加和删除表中的元素。

20.网格

Gridly是一个网络格式的拖放移位jQuery插件。这个插件有很好的交互性。当我们拖动时，会显示一些移动的动画，效果非常好。

这个插件还有其他特殊功能，比如关闭、点击放大、添加模块等等。

21.学院附加

CollagePlus是一个jQuery表单插件。你可以定义图片之间的距离，并用CSS把它们框起来。

22.煎锅

Griddy是一个轻量级的插件，但是它可以实现几乎所有的效果。许多属性是可选的，例如行数、行高、列数、列高、颜色等.

23.jQuery网格插件

JqGridView是一个新的、富客户端的jQuery库，基于XML和Ajax网格插件。JqGridView提供了在网络上表示和编辑表格数据的专业解决方案。精心设计，拥有强大的脚本API，这个可编辑的网格是一个简单的DHTML和XML配置，显示出令人信服的结果和大量的数据。JqGridView可以轻松执行期望(管理传递的CSS)。JqGridView不是基于平台的插件，它可以用在不同的网络编程平台上，比如ASP技术，ASP的。NET/、PHP、Java岛、CGI脚本等。jqGridView与布瑟高度兼容。

24.英格丽德

Ingrid在数据填充的操作上做了很多简化，看起来比较接地气。

25.Jui_datagrid

Jui_datagrid是一个Ajax jQuery表插件，可以通过简单强大的API操作表数据、自定义主题、支持本地化。

via:gbtags

上面的25个jQuery网格布局插件可以让开发人员和设计人员创建一个具有迷人的视觉效果和与所有浏览器和手持设备兼容的响应外观的网格布局。希望你会喜欢！