Eckiges Materialgitter Steuern der Reihenfolge der Kacheln

Question

Wie kann ich die Reihenfolge der Kacheln in einem eckigen Materialgitter dynamisch ändern? Ich verwende das Raster, um dynamische Layouts zu erstellen, und wir haben eine Funktion zum Ziehen und Ablegen von Feldern. Gibt es ein Attribut wie flex-order und durch die Reihenfolge der Kachel innerhalb des Gitters geändert werden kann?

Answer 1

Es gibt eine "order-property", die Sie verwenden als:

.wrapper { 
    width: 600px; 
    display: grid; 
    grid-template-columns: repeat(6, 100px); 
    grid-gap: 10px; 
} 

.box1 { 
    order: 3; 
} 

Hier ist das Beispiel codepen.