I use ColumnResizingTool.js and RowResizingTool.js
When I resize there is a problem like the image
My Code:
templateMap.add("FreeFormatTable", GO(go.Node, "Auto", { resizable: true },
new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
new go.Binding("desiredSize", "size", go.Size.parse).makeTwoWay(go.Size.stringify),
GO(go.Shape, { fill: "white" }),
GO(go.Panel, "Table", { stretch: go.GraphObject.Fill },
new go.Binding("itemArray", "items"),
GO(go.RowColumnDefinition,
{ row: 0, background: "lightgray" }),
GO(go.RowColumnDefinition,
{ row: 1, separatorStroke: "black" }),
GO(go.Panel, "TableRow",
{ isPanelMain: true },
new go.Binding("itemArray", "columnDefinitions"),
{
itemTemplate:
GO(go.Panel,
new go.Binding("column"),
GO(go.TextBlock,
{
editable: true,
margin: new go.Margin(2, 2, 0, 2),
font: "bold 10pt sans-serif"
},
new go.Binding("text").makeTwoWay())
)
}
),
{
name: "TABLE",
defaultAlignment: go.Spot.Left,
defaultColumnSeparatorStroke: "black",
itemTemplate:
GO(go.Panel, "TableRow",
new go.Binding("itemArray", "columns"),
{
itemTemplate:
GO(go.Panel,
{ stretch: go.GraphObject.Fill, alignment: go.Spot.TopLeft },
new go.Binding("column", "attr", function (a, elt) {
var cd = findColumnDefinitionForName(elt.part.data, a);
if (cd !== null) return cd.column;
throw new Error("unknown column name: " + a);
}),
GO(go.TextBlock, { editable: true },
{
margin: new go.Margin(2, 2, 0, 2),
wrap: go.TextBlock.None,
overflow: go.TextBlock.OverflowEllipsis
},
new go.Binding("text").makeTwoWay())
)
}
)
}
)
));