css - Angular-gridster2，第一个添加的元素占用所有网格空间，直到刷新页面

Question

我尝试使用 Angular-gridster2 但我遇到了问题 - 当我将最第一个元素添加到网格时 - 该元素占用了网格的所有空间。它在浏览器中的元素中的外观。

<gridster-item _ngcontent-hrw-c99="" ng-reflect-item="[object Object]" class="ng-star-inserted" style="z-index: 1; display: block; transform: translate3d(0px, 0px, 0px); width: 1900px; height: 586px; margin-bottom: 10px; margin-right: 10px;">

我一刷新页面 - 网格变得可见，所有列和行都显示出来并且它开始正常工作 - 只需要 1 行和 1 列如何为每个元素设置。

<gridster-item _ngcontent-jdx-c99="" ng-reflect-item="[object Object]" style="z-index: 1; display: block; transform: translate3d(0px, 0px, 0px); width: 200px; height: 200px;">

这是我的网格设置:

this.options = {
  gridType: GridType.Fixed,
  fixedColWidth: 200,
  fixedRowHeight: 200,
  minCols: 5,
  maxCols: 6,
  minRows: 5,
  maxRows: 6,
  draggable: { enabled: true },
  displayGrid: 'always',
  swap: true,
};

同样奇怪的是，在我添加第一个元素之前，网格不会显示(即使 displayGrid: 'always')。

感觉网格只有在添加第一项并刷新页面后才会“召回”设置。

我尝试按照手册页面上的设置进行操作，但也没有解决问题https://tiberiuzuld.github.io/angular-gridster2/gridSizes .当我将 minCols 和 minRows 放在那里时 - 它在手册中正常工作(但在我的代码中不正确)。对于这种情况，我的设置是:

  minCols: 4,
  maxCols: 5,
  minRows: 4,
  maxRows: 5,
  maxItemCols: 1,
  maxItemRows: 1,

谁能告诉我，拜托，我做错了什么？提前致谢!

Answer 1

我想我可以自己解决。如果其他人遇到同样的问题，我会提供答案。

我忘了我还有一个开关可以在网格的不同状态之间切换(对于我的情况 - 在 this.optiosn.draggable.enabled 的 true 和 false 之间切换)。在我只为一个州提供列和行的数量之前。一旦我为这两个州添加它 - 问题就解决了!

我说的是 this.options 中的这些行:

最小列数:4， 最大列数:5， 最小行数:4， 最大行数:5，