Table ColumnResizing bug

@ahmetgundogdu wrote:

test.gif1819×695 951 KB

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

                                        )

                                }

                            )

                    }

                )

            ));

Posts: 1

Participants: 1

Read full topic