Tengo una aplicación de servidor Blazor con pocos componentes en una página. Estos componentes se pueden arrastrar y, a medida que el usuario los arrastra, guardo cada posición superior e izquierda en la base de datos.

Utilizo el ciclo a continuación para mostrar los componentes en mi página y, cuando se cargan, los componentes se apilan entre sí.

 @foreach (var group in MyModel) { <div class="draggable position-absolute" id="@extgroup.AddId"> <MyComponent Id="@extgroup.AddId" GroupDescription="@extgroup.Description" TopPosition="@extgroup.TopPosition" LeftPosition="@extgroup.LeftPosition"> </MyComponent> </div> }

¿Cómo puedo mostrar los componentes en la posición exacta en que se guardaron ya que tengo todos los valores para la posición superior y la posición izquierda?

Gracias.