GraphViz HTML嵌套表

时间:2012-12-15 08:20:00

标签: html html-table graphviz

我使用GraphViz制作表格结构。我使用record风格,但盒子没有排队。鉴于this问题的答案,我认为我会使用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>
    >, ];
}

这是输出:

enter image description here

这么多额外的行!任何人都可以帮我弄清楚如何正确制作嵌套表格?另一方面,回答链接问题详细说明如何使用记录显示来对齐单元格就足够了。

2 个答案:

答案 0 :(得分:5)

我已将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>
    >, ];
}

这是结果

enter image description here

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

答案 1 :(得分:0)

而不是:

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