Create an empty table image


#1

Hello,
What should I do to create an image as the following in a Node template.
sampleTable

I want blank lines like in an image


#2
    myDiagram.nodeTemplate =
      $(go.Node, "Vertical",
        $(go.TextBlock, { alignment: go.Spot.Left },
          new go.Binding("text")),
        $(go.Panel, "Auto",
          $(go.Shape, { fill: "transparent", stroke: "gray" }),
          $(go.Panel, "Table",
            new go.Binding("itemArray", "rows"),
            {
              itemTemplate:
                $(go.Panel, "TableRow",
                  $(go.TextBlock, { column: 0 },
                    new go.Binding("text", "a")),
                  $(go.TextBlock, { column: 1 },
                    new go.Binding("text", "b")),
                  $(go.TextBlock, { column: 2 },
                    new go.Binding("text", "c")),
                ),
              defaultRowSeparatorStroke: "gray",
              defaultColumnSeparatorStroke: "gray"
            },
            $(go.RowColumnDefinition, { row: 0, background: "lightgray" }),
            $(go.RowColumnDefinition, { column: 0, minimum: 100 }),
            $(go.RowColumnDefinition, { column: 1, minimum: 100 }),
            $(go.RowColumnDefinition, { column: 2, minimum: 100 })
          )
        )
      );

    myDiagram.model = new go.GraphLinksModel(
      [
        {
          key: 1, text: "Table1",
          rows: [
            { a: "", b: "", c: "" },
            { a: "", b: "", c: "" },
            { a: "", b: "", c: "" },
            { a: "", b: "", c: "" },
            { a: "", b: "", c: "" },
            { a: "", b: "", c: "" }
          ]
        }
      ]);

produces:
image