Angular Material Grid 控制图块的顺序

Question

如何动态更改有角材质网格中瓷砖的顺序？我正在使用网格来创建动态布局，并且我们具有拖放字段的功能。是否有像flex-order 这样的可用属性，并且可以通过应用网格内的图块顺序来更改？

Answer 1

有一个"order-property" 可以用作：

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

.box1 {
   order: 3;
}

这是codepen 的示例。