2012-12-15 141 views
2

我正在使用GraphViz来制作表格结构。我正在使用record风格,但箱子没有排队。鉴于this问题的答案,我想我会使用HTML样式。但是,我似乎无法正确嵌套表格。这里是我的点代码:GraphViz 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

这么多多余的线条!任何人都可以帮我弄清楚如何正确地创建一个嵌套的表格?另一方面,关于如何使用记录显示来对齐单元的链接问题的答案就足够了。

+0

如何删除我们的细分,但没有空格间隔所有? – Gabriel

回答

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

取而代之:

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

欢迎来到堆栈溢出!请随时参加本网站的[tour](// stackoverflow.com/tour),如果您需要网站的其他帮助,请查看[this](// stackoverflow.com/help)。哦,如果您遇到过帮助页面未涵盖的问题,请随时咨询[meta](// meta.stackoverflow.com/)。 –

+1

虽然此代码片段可能会解决问题,但[包括解释](// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers)确实有助于提高帖子的质量。请记住,您将来会为读者回答问题,而这些人可能不知道您的代码建议的原因。另外,请注意,这个问题在这个时候大约有4年半的时间,并且自那时以来在Web开发领域已经发生了很大的变化。 –