demo of drag/drop and JS to capture the new order

static/css/rowsandall2.css

@@ -322,6 +322,25 @@ th.rotate > div > span {
     margin: 2px;
 }
 
+
+.stepcontainer {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 10px;
+}
+
+.trainingstep {
+  border: 3px solid #666;
+  background-color: #ddd;
+  border-radius: .5em;
+  padding: 10px;
+  cursor: move;
+}
+
+.trainingstep.over {
+  border: 3px dotted #666;
+}
+
 .divlines {
     display: block;
     overflow-x: hidden;