Сетка углового материала Управление порядком плитки

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.