jbaysolutions/vue-grid-layout

How to achieve "horizontal-compact"?

Open

#161 geöffnet am 8. März 2018

Auf GitHub ansehen
 (8 Kommentare) (5 Reaktionen) (0 zugewiesene Personen)JavaScript (6.777 Stars) (1.436 Forks)batch import
enhancementhelp wantedquestion

Beschreibung

I want to leave no gap in between any items, be it horizontal or vertical gap. There's a param for vertical-compact where I can take of the vertical gap. How to achieve the same thing for horizontal?

For example, for a grid with 4 columns, [1] should have snapped back next to [0] here:

Simple Grid

Contributor Guide

Tech Stack
vuejavascript
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 days
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Vue.jsgrid layout concepts
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
40
Research-Richtung
First, examine how the 'vertical compact' option is implemented in the source code, likely in the grid layout calculation logic (e.g., in a file like `gridLayout.js` or similar). Then, design a similar horizontal compact algorithm that removes horizontal gaps between items. Review the existing layout algorithm to ensure compatibility and test with the provided example of a 4 column grid. Consult the issue comments for any additional context or suggested approaches.