Table ColumnResizing bug

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())

                                        )

                                }

                            )

                    }

                )

            ));

What precisely is the problem that you are showing in your screenshot video?

The ResizingTool sets the desiredSize of the Part.resizeObject, which in your case is the whole Node. Once the desiredSize has been set, that is the size it will always be, until some code changes it, such as by another resizing operation or by your code.

I was going to suggest that you override ColumnResizingTool.doActivate and RowResizingTool.doActivate to set Node.desiredSize to new go.Size(NaN, NaN), but I’m not sure that that is the behavior that you would want. Could you please describe precisely how you would want column resizing or row resizing to operate? Clearly if the node is to have a set size, increasing the width of a column or height of a row might cause something to be clipped.

Deterioration of sizing icons. If you pay attention on the video

Oh. I didn’t see that before. Can you reproduce the problem in https://gojs.net/latest/extensions/ColumnResizing.html ? I am unable to do so, although once the nodes are resizable, it is a bit odd to see those resizing handles outside of the node because the “Table” Panel has been clipped. However I do not consider that a bug, because the resizing of such rows or columns makes sense and still works correctly.