3

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

出力は次のとおりです。

ここに画像の説明を入力

非常に多くの余分な行！ネストされたテーブルを適切に作成する方法を理解するのを手伝ってくれる人はいますか? 反対に、レコード表示を使用してセルを整列させる方法を詳述するリンクされた質問への回答で十分です。

4

2 に答える 2

6

内部テーブルに 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 レイアウトを制御するための他の多くのオプションを見つけることができます

于 2012-12-15T12:15:42.910 に答える
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>
于 2017-06-20T15:44:26.650 に答える