Problem with custom columns

[celia-ms]

Hi,

I have a problem. I try to create a 100 x 100 grid

.scss
.grid-stack>.grid-stack-item { $gridstack-columns: 100; @for $i from 1 through $gridstack-columns { &[data-gs-width='#{$i}'] { width: (100% / $gridstack-columns) * $i; } &[data-gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; } &[data-gs-min-width='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; } &[data-gs-max-width='#{$i}'] { max-width: (100% / $gridstack-columns) * $i; } } }

.html

<div lb-gridstack [options]="gridoptions" height="100" width="100">
<div *ngFor="let layer of gridLayers" lb-gridstack-item [x]="layer.x" [y]="layer.y" [auto-position]="layer.autoPosition" [width]="layer.width" [height]="layer.height">

this.gridoptions = {width: 100, animate: 'true', placeholderClass: 'grid-stack-placeholder', verticalMargin:1, float:'true',cellHeight :5};

The problem is that when I move the item the grid-stack-placeholde does not have the correct position.

I can't be doing wrong or if any property is not correct.

Thank you!