2012-12-15 165 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開發領域已經發生了很大的變化。 –