我在测试这个功能时发现，如果这些组位于弹性容器（flex container）中，就可以对它们的顺序进行排列。
在 Horizon 主题中，这是默认的设计，因此值得检查当前使用的主题，并在必要时进行相应调整：
.groups-boxes .group-box[data-group-name="group1"] {
order: -3;
}
.groups-boxes .group-box[data-group-name="group2"] {
order: -2;
}
.groups-boxes .group-box[data-group-name="group3"] {
order: -1;
}
我尚未测试其兼容性，但由于弹性布局（flex display）是通用标准，因此它似乎与现代主流浏览器的兼容性较好。
我唯一发现的问题是我的 CSS 样式没有应用到组框（group boxes）上。我已经尝试使用 body.group-boxes，但没有成功。
欢迎大家提出建议 