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中的这些行：

minCols: 4，maxCols: 5，minRows: 4，maxRows: 5，