jbaysolutions/vue-grid-layout

How to achieve "horizontal-compact"?

Open

#161 建立於 2018年3月8日

在 GitHub 查看
 (8 留言) (5 反應) (0 負責人)JavaScript (6,777 star) (1,436 fork)batch import
enhancementhelp wantedquestion

描述

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

貢獻者指南

技術棧
vuejavascript
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Vue.jsgrid layout concepts
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
40
研究方向
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.