How to add grid layouts both vertical and horizontal order

@ravikirana32 wrote:

Capture.PNG1169x563 7.04 KB

now i modified in samples/kanban.html it looks like this.

i want to do this example like below

Capture - Copy.PNG878x842 7.98 KB

and this is my code

    $(go.Panel, "Auto",  // the lane consisting of a background Shape and a Placeholder representing the subgraph
      $(go.Shape, "Rectangle",  // this is the resized object
        { name: "SHAPE", fill: "#F1F1F1", stroke: null, strokeWidth: 4 },
        new go.Binding("fill", "isHighlighted", function(h) { return h ? "#D6D6D6" : "#F1F1F1"; }).ofObject(),
        new go.Binding("desiredSize", "size", go.Size.parse).makeTwoWay(go.Size.stringify),
        new go.Binding("loc", "loc").makeTwoWay(go.Size.stringify)),
      $(go.Placeholder,
        { padding: 12, alignment: go.Spot.TopLeft }),
      $(go.TextBlock,  // this TextBlock is only seen when the swimlane is collapsed
        { name: "LABEL",
          font: "15px Lato, sans-serif", editable: true,
          angle: 90, alignment: go.Spot.TopLeft, margin: new go.Margin(4, 0, 0, 2) },
        new go.Binding("visible", "isSubGraphExpanded", function(e) { return !e; }).ofObject(),
        new go.Binding("text", "text").makeTwoWay())
    )  // end Auto Panel

please suggest me to do like above.
and this is my nodeDataArry

{"key":"Problems", "text":"Problems", "isGroup":true, "loc":"0 23.52284749830794","size":"162 500" },
{"key":"Reproduced", "text":"Reproduced", "isGroup":true, "color":"0", "loc":"109 23.52284749830794","size":"162 250" },
{"key":"Reproduced", "text":"Ravi Test1", "isGroup":true, "color":"0", "loc":"109 323.52284749830794","size":"162 250" },
{"key":"Identified", "text":"Identified", "isGroup":true, "color":"0", "loc":"235 23.52284749830794","size":"162 500" },
{"key":"Fixing", "text":"Fixing", "isGroup":true, "color":"0", "loc":"343 23.52284749830794","size":"162 250" },
{"key":"Fixing", "text":"RAvi Test2", "isGroup":true, "color":"0", "loc":"343 325","size":"162 250" },
{"key":"Reviewing", "text":"Reviewing", "isGroup":true, "color":"0", "loc":"451 23.52284749830794","size":"162 500"},

Posts: 1

Participants: 1

Read full topic