πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Elements Grid is a simple, lightweight and responsive jQuery grid layout plugin that dynamically resizes and arranges a collection of html elements to fit within your viewport.

grid-layout

Documentation

jQuery Elements Grid plugin

Demo: http://sevbit.com/example/jqelgrid/

Copyright: SevBit

Licensed under the MIT license: http://opensource.org/licenses/MIT

Usage (options)

  • child - Π‘Π΅Π»Π΅ΠΊΡ‚ΠΎΡ€ элСмСнтов списка. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: '.item'
  • elSize - Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ элСмСнта (ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ). По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: 200 (px)
  • columns - ЀиксированноС количСство ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: 0 (Π°Π²Ρ‚ΠΎ)
  • elSize -
  • elPadding - Π Π°Π·ΠΌΠ΅Ρ€ отступов ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: 5 (px)
  • rowsShow - ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… строк По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: 9999
  • hidedClass - Класс скрытых элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ располоТСны дальшС Ρ‡Π΅ΠΌ rowsShow По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: 'jqElGrid-hided'
  • prioAttr - Имя data Π°Ρ‚Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° с ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π°ΠΌΠΈ элСмСнтов По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: 'prio'
  • oneColumnHeight - ΠœΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ высоты элСмСнта ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ столбца По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: 0.6
  • waitTime - ВрСмя оТидания окончания события (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π°) По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: 250

Если Ρƒ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта присутствуСт data Π°Ρ‚Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ columns, Ρ‚ΠΎ количСство ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ бСрСтся ΠΈΠ· Π½Π΅Π³ΠΎ. Data Π°Ρ‚Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ columns ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ JS послС ΠΈΠ½ΠΈΡ†ΠΈΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°.


You May Also Like