10个jQuery Grids插件

10个很棒的jQuery Grid插件，可帮助您获得您一直想要的布局 。 已经有许多高质量的jQuery网格插件。 我们认识到它们各自具有令人印象深刻的一组特性，功能以及jQuery社区成员的使用水平。 以下是一些您可以考虑放在网页上的示例。 请享用！

相关文章：

• 35个惊人的jQuery表

2012年1月8日更新：添加了11。jQuery Grid Flex

1. Flexigrid

轻量但丰富的数据网格，具有可调整大小的列和与标题匹配的滚动数据，以及使用Ajax加载内容到基于xml的数据源的功能。 在概念上与Ext Grid类似，只不过是纯粹的jQuery喜欢，这使其重量轻并且遵循jQuery的要求，即使用最少的配置即可运行。

资源

2. Flurid插件

一种跨浏览器的流体宽度网格系统，已针对灵活性（流动性）进行了优化，并且是在Internet Explorer 5.0版及更高版本*中工作的唯一流体宽度网格系统之一，并且没有在边距中隐藏像素。 像任何网格系统一样，基本目的是将页面分为一系列的行和列，从而为设计人员提供了一种简单合理的方法来组织内容并将其呈现给用户。

资源

3. jQuery-Mobile上的960 Grid

到jQuery mobile的960网格端口。 它融合了960.gs的灵活性和jQuery mobile的易用性。 它旨在为jQuery移动布局带来更大的灵活性，从而使其更易于在平板电脑上使用。

资源

4. jQuery.sheet

在为您的Web应用程序提供具有MS Excel样式计算功能的电子表格样式界面时，为您提供各种可能性。

资源

5. jQuery网格

jQuery网格插件。

资源

6. jQuery网格行大小

该插件应用于HTML页面的n表，提供了通过单击“图像处理程序”来调整行大小的行为。 基于CSS（不需要TD内的DIV）。

资源

7. GridIron插件

该插件可让您使用表格或div和spans创建网格。 我最初开发它是为了与CouchDB一起使用，但是它将与任何JSON源一起使用。

资源

8.＃网格

这是我们为模拟保存页面创建的一个小工具。 它在网页中插入一个布局网格，允许您将其固定在适当的位置，并在前景或背景显示之间切换。

资源

9. jQuery泡泡

该插件向jQuery添加了冒泡功能。 该代码与jQuery.fn.trigger相似，因为它是为了对其进行扩展。 它还会生成自己的事件对象，该对象不会因冒泡而保持不变，这意味着可以在事件冒泡时将属性附加到其上并与祖先一起使用，这是安全的。

资源

10. jQuery inGrid

Datagrids不必再变得很难使用了-向Ingrid打个招呼。 Ingrid是一个不引人注目的jQuery组件，它向表中添加了datagrid行为（列大小调整，分页，排序，行和列样式等等）。

资源

11. jQuery Grid Flex

演示版

From: https://www.sitepoint.com/10-jquery-grids/