html - GraphViz HTML 嵌套表格

Question

我正在使用 GraphViz 来制作表格结构。我正在使用这种record风格，但盒子没有排成一行。鉴于这个问题的答案，我想我会改用 HTML 样式。但是，我似乎无法正确嵌套表格。这是我的点代码：

digraph test {
    graph [ratio=fill];
    node [label="\N", fontsize=15, shape=plaintext];
    graph [bb="0,0,352,154"];
    arset [label=<
        <TABLE ALIGN="LEFT">
            <TR>
                <TD>Top left</TD>
                <TD>
                    <TABLE>
                        <TR><TD>Row 1</TD></TR>
                        <TR><TD>Row 2</TD></TR>
                    </TABLE>
                </TD>
            </TR>
            <TR>
                <TD>Bottom Left</TD>
                <TD>
                    <TABLE>
                        <TR><TD>Row 1</TD></TR>
                        <TR><TD>Row 2</TD></TR>
                    </TABLE>
                </TD>
            </TR>
        </TABLE>
    >, ];
}

这是输出：

这么多额外的行！谁能帮我弄清楚如何正确制作嵌套表？另一方面，详细说明如何使用记录显示使单元格对齐的链接问题的答案就足够了。

Answer 1

我已将 BORDER="0" 添加到内部表中

digraph test {
    graph [ratio=fill];
    node [label="\N", fontsize=15, shape=plaintext];
    graph [bb="0,0,352,154"];
    arset [label=<
        <TABLE ALIGN="LEFT">
            <TR>
                <TD>Top left</TD>
                <TD>
                    <TABLE BORDER="0">
                        <TR><TD>Row 1</TD></TR>
                        <TR><TD>Row 2</TD></TR>
                    </TABLE>
                </TD>
            </TR>
            <TR>
                <TD>Bottom Left</TD>
                <TD>
                    <TABLE BORDER="0">
                        <TR><TD>Row 1</TD></TR>
                        <TR><TD>Row 2</TD></TR>
                    </TABLE>
                </TD>
            </TR>
        </TABLE>
    >, ];
}

这是结果

您可以在这里找到许多其他选项来控制 HTML 布局

Answer 2

而不是这个：

<TD>
  <TABLE BORDER="0">
    <TR><TD>Row 1</TD></TR>
    <TR><TD>Row 2</TD></TR>
  </TABLE>
</TD>

你也可以这样做：

<TD COLSPAN="2">Row 1<BR/>Row 2</TD>