Как вы, возможно, уже знаете, сетки CSS — лучший способ создания макетов сетки. Но иногда этого будет недостаточно для пользовательских динамических функций. Но если мы объединим CSS и JavaScript, это может творить чудеса. Сетки JS созданы для лучшей функциональности, они специально адаптированы для определенной цели, и их чрезвычайно сложно построить.

В этом посте мы включили 40 лучших плагинов сетки jQuery, которые помогут вам создать те макеты, которые вы всегда хотели.

Уже существует ряд высококачественных плагинов сетки jQuery. Мы признаем, что каждый из них имеет впечатляющий набор функций, возможностей и уровень использования членами сообщества jQuery. Ниже приведены некоторые образцы, которые вы могли бы разместить на своей веб-странице. Наслаждаться!

Сетка ParamQuery

ParamQuery Grid — самый быстрый подключаемый модуль сетки jQuery с открытым исходным кодом и корпоративными функциями, такими как группировка строк, поворот, древовидная сетка, группировка столбцов, вложение, пакетное редактирование, экспорт в несколько форматов, выделение, полная навигация с помощью клавиатуры в дополнение к основным функциям, таким как сортировка, фильтрация, разбиение по страницам., встроенное редактирование, проверки и т. д.

appendGrid

appendGrid позволяет вам вводить структурированные данные построчно, например, заполнять электронные таблицы. Это позволяет вам добавлять/удалять/вставлять/удалять строку в сетке. Сгенерированные элементы управления областью ввода/выбора/текста хорошо названы для отправки в серверные приложения, такие как ASP.NET/PHP/JSP. Несколько вариантов и событий обратного вызова доступны для различных ситуаций.

Эластичная сетка jQuery

Легкий, простой в использовании скрипт плагина галереи jquery, вдохновленный Google Image Search, с поддержкой файлов изображений .PNG, .JPG и .GIF. Он использует сетку миниатюр с расширяющимся предварительным просмотром для отображения ваших изображений. Он также полностью совместим с HTML5 и CSS3.

Вукмарк jQuery

Плагин jQuery для создания динамического макета с несколькими столбцами.

Стена

Адаптивные макеты сетки с возможностью сортировки, фильтрации и перетаскивания.

Плагин мозаики jQuery

Плагин jQuery для создания адаптивных мозаик из изображений или любого другого контента, приспособленного для соответствия высоте в нескольких строках при сохранении пропорций.

jQuery-плагин GridTab

Легкий плагин jQuery для создания адаптивных вкладок на основе сетки.

GridMaker

Библиотека макетов JavaScript. Он отображает изображения в динамических строках.

новыйводопад.js

Jq и нативный Js две версии плагина водопадного потока

Изменяемый размер.js

(Небольшая) библиотека JavaScript для макетов сетки с изменяемым размером, которые сохраняют соотношение сторон.

Обоснованный плагин jQuery

Плагин jQuery для создания простых сеток с выравниванием.

Gridstack.js

Gridstack.js может помочь вам с легкостью создавать собственные панели мониторинга с помощью перетаскивания.

jQueryHeightMatch

Библиотека jQuery для сопоставления высоты элементов в стиле Windows Metro. Работает с бутстрапом.

Мозаичный поток jQuery

Адаптивная сетка изображений, похожая на Pinterest, которая не отстой

Гридаграмма

Gridagram может управлять динамической компоновкой сетки данных на экране, как гридстер для бедных.

Jqgrids

Стиль Metro JQuery Grids.

ДНД Сетка

Плагин перетаскивания элементов сетки для jQuery.

свободная стена

Кроссбраузерный и отзывчивый плагин jQuery, который поможет вам создавать макеты сетки, изображения и каменной кладки для настольных компьютеров, мобильных устройств и планшетов…

Shuffle.js

Shuffle.js может классифицировать, сортировать и фильтровать адаптивную сетку элементов.

Каменщик.js

Легкая и независимая библиотека компоновки каскадной сетки, похожая на Pinterest.

Брикфолио

Плагин jQuery для улучшения макетов сетки, особенно для страниц портфолио.

jQuery-сетка

Плагин jQuery для создания матовой сетки.

jQuery Wallyti.js

Простой плагин jQuery, который можно использовать для создания стены из мозаичных блоков.

Масонри.js

Плагин jQuery для создания горизонтальной мозаичной кладки.

Jquery.tightgrid.js

Плагин jquery на основе встроенных блоков, который размещает элементы в оптимальном вертикальном положении, сохраняя первоначальный порядок.

Плагин jQuery Elements Grid

Плагин jQuery для создания горизонтальной мозаичной кладки.

rowGrid.js

Небольшой легкий плагин JavaScript для размещения элементов прямыми рядами.

Маршал

Плагин jQuery для размещения элементов в виде сетки.

плитка jQueryСтена

Плагин jQuery для динамического позиционирования плиток в адаптивной сетке.

Водопад

Плагин водопада jQuery, такой как Pinterest

ОтветственныйВысота

Плагин jQuery для всех элементов высоты, реагирующих на изменение количества столбцов.

jquery отзывчивая сетка

Адаптивный плагин сетки.

CSTiles

Плагин jQuery для компонента плитки JavaScript.

Мозаика

Плагин jQuery для макетов каменной кладки со стандартным или определенным расположением плиток.

Сеть Вавилона

Легкий плагин jQuery + CSS для создания отзывчивых, динамичных и настраиваемых pinterest-подобных сеток с поддержкой различной ширины столбцов и несколькими модами отображения.

Спаситель

Альтернатива jQuery Masonry с конфигурацией на основе CSS. С Salvattore вы можете превратиться content: '4 .column.size-1of4';в вышеуказанную сетку.

Сетка-A-Licious 3

Плагин jQuery Grid-A-Licious

Жидкость

Плагин jQuery типа Masonry

jQuery Сетка

Плагин jQuery, позволяющий перетаскивать, а также изменять размер сетки.

Stack-up.js

Stack-up.js может создавать макеты сетки фиксированной ширины и переменной высоты.