jbaysolutions/vue-grid-layout

How to achieve "horizontal-compact"?

Open

#161 aberto em 8 de mar. de 2018

Ver no GitHub
 (8 comments) (5 reactions) (0 assignees)JavaScript (6.777 stars) (1.436 forks)batch import
enhancementhelp wantedquestion

Description

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

Guia do colaborador

Pilha de tecnologia
vuejavascript
Domain
frontend
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 days
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
stale
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
Vue.jsgrid layout concepts
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
40
Direção de pesquisa
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.