0

1つのテンプレートに3つのフォームを表示しようとしています。フォームを表示していますが、フォームが次々と並んでいます。私はそれらを3つの別々の列に表示させようとしています。

これは私のテンプレートがどのように見えるかです：

<html lang="en">
<head>
    <title>Title</title>
</head>
<body>
    <h1>Header</h1>
    <form action="." method="POST">
    {% csrf_token %}
        <table>
            <tr>
                <th>h1</th>
                <th>h2</th>
                <th>h3</th>
            </tr>
            <tr>
                <td>{{ form1.as_table }}</td>
                <td>{{ form2.as_table }}</td>
                <td>{{ form3.as_table }}</td>
            </tr>
        </table>
        <p><input type="submit" value="Submit"></p>
    </form>
</body>
</html>

これがレンダリングされると、次のように表示されます。

h1     h2     h3
form1
form2
form3

私はこのようなものが欲しい：

h1     h2     h3
form1  form2  form3

どうすればいいですか？

ページソース：

ここに画像の説明を入力してください

4

1 に答える 1

0

それを理解した、これは私がしなければならなかったことです：

    <table>
        <tr>
        <td>
        <table>
            <th>h1</th>
            <td>{{ form1.as_table }}</td>
        </table>
        </td>
        <td>
        <table>
            <th>h2</th>
            <td>{{ form2.as_table }}</td>
        </table>
        </td>
        <td>
        <table>
            <th>h3</th>
            <td>{{ form3.as_table }}</td>
        </table>
        </td>
        </tr>
    </table>
于 2012-06-19T02:52:15.383 に答える