angular - 如何使用角度 gridster2 垂直排列小部件项目

Question

我有多个小部件，我在 angular11 中使用 Angular gridster2 创建。在每个小部件中，我有多个提供一些统计信息的项目。

当像下面这样的小部件内单行中的项目数超过 3 时，我想垂直显示这些项目...

目前，我将所有物品放在一行中

以下是我的小部件配置：

disablePushOnDrag: true,
    draggable: { enabled: true },

    gridType: GridType.Fixed,
    itemInitCallback: (item, itemComponent)=>this.itemInit(item, itemComponent),
    initCallback: this.gridInit,
    itemChangeCallback: (item, itemComponent)=>this.itemChange(item, itemComponent),
    fixedColWidth: 125, 
    fixedRowHeight: 100,
    minCols: 8,
    setGridSize: true, 
    /* compactType: CompactType.None, */
    compactType: CompactType.CompactUp,
    swap: true, 
    swapWhileDragging: true, 
    resizable: { enabled: false } 

你能帮忙吗？提前致谢。