Thanks Walter, Your example helped me to get some success in doing what I wanted to do, although still there is a minor technical niggle but from user point of view it is important, Please see below the graph which i am getting:
As you can see that I am getting text correctly “abc…” by clipping it to size of containing group, but as you see my links from start to ‘mno’ and from ‘mno’ to end are not straight, they are being bend, I think that is because my placeholder is in second row, How do I get past it, so that I get my links as straight lines instead of bended ones. Here is my group code
myDiagram.groupTemplate =
(go.Group, "Auto",
{
selectable: false,
layout: (ParallelLayout,
{ layerSpacing: 20, nodeSpacing: 10 })
},
(go.Shape, { fill: "transparent", stroke: "darkgoldenrod" }),
(go.Panel, “Table”,
("SubGraphExpanderButton" , {margin: new go.Margin(2,0,0,5), row:0, column:0}),
(go.TextBlock, new go.Binding(“text”, “text”),
{margin: new go.Margin(2,10,0,5), overflow:go.TextBlock.OverflowEllipsis, wrap: go.TextBlock.None,
stretch: go.GraphObject.Horizontal,row:0, column:1}),
$(go.Placeholder, { padding: 10, row:1, column:1 })
)
);
and here is my data
model.nodeDataArray = [
{key:0, text: “abcd xyz”, isGroup:true, changep:false},
{ key: 1, text: “S”, category: “Split” },
{ key: 2, text: “mno”, group: 0 },
{ key: 100, text: “*”, category: “Merge” }
];
model.linkDataArray = [
{ from: 1, to: 2 },
{ from: 2, to: 100 }
];
we are using parallel layout. Thanks for your help and support.