I have below code and output, I do see some extra space comes between shapes where I couldn’t find way to remove. Do you find anything wrong with my approach?
myDiagram.nodeTemplate =
$(go.Node, 'Auto',
$(go.Shape,
{
fill: 'white',
strokeWidth: 1,
stroke: 'grey',
figure: 'RoundedRectangle',
portId: '', cursor: 'pointer',
minSize: new go.Size(250, 72),
},
),
$(go.Panel, "Table",
{
defaultAlignment: go.Spot.Left,
alignment: go.Spot.Top,
},
$(go.RowColumnDefinition, { row: 11, height: 20 }),
$(go.RowColumnDefinition, { column: 0, width: 90 }),
$(go.RowColumnDefinition, { column: 1, width: 160, maximum: 160 }),
$(go.Panel, "Auto",
{ row: 0, column: 0, margin: 0, height: 21, columnSpan: 2, stretch: go.GraphObject.Horizontal },
$(go.Shape, "RoundedTopRectangle",
// new go.Binding('stroke', 'status', function (s) { return resolveStatusColor(s); }),
{ fill: '#E8DFDD', stroke: '#E8DFDD', parameter1: 3 }
),
$(go.Picture,
and so on