DjangoでFor文を用いて記載するとタブの制御が上手くいかない

前提・実現したいこと

現在Djangoを用いてWebアプリケーションを開発しています。
また、Bootstrap4を使用して領域分割をするために、row及びcolタブを使用しています。
その分割ブロック内にfor文を使用してHTMLを記述すると囲われているはずのタブが囲われていません

発生している問題・エラーメッセージ

具体的には、table内に記述したtrタブの中身が実際に見てみるとtableタブの外側に記載されていることになっています。

該当のソースコード

HTML
1{% block content %}
2    <div class="row">
3        {% for item in data%}
4            <div class="col-sm-6">
5                <table class="table table-dark">
6                    <tbody>
7                    <tr>{{item.address}}</tr>
8                    <tr><img src = {{item.top_image.url}} style="width:100%"></tr>
9                    <tr>{{item.name}}</tr>
10                    <tr>{{item.short_discription}}</tr>
11                    </tbody>
12                </table>
13                
14            </div>
15        {% endfor %}
16    </div>
17{% endblock %}
18


### 試したこと



### 補足情報（FW/ツールのバージョンなど）

行動規範の内容に同意します

回答2件

おはようございます。

問題文読ませていただきました。

dataのデータ構造がわからないので、間違っている可能性はありますが、

Python
1{% block content %}
2    <div class="row">
3        <div class="col-sm-6">
4            <table class="table table-dark">
5                <tbody>
6                    {% for item in data %}              
7                        <tr>{{item.address}}</tr>
8                        <tr><img src = {{item.top_image.url}} style="width:100%"></tr>
9                        <tr>{{item.name}}</tr>
10                        <tr>{{item.short_discription}}</tr>
11                    {% endfor %}
12                </tbody>
13            </table>
14        </div>
15    </div>
16{% endblock %}

でいかがでしょうか？

投稿2021/05/11 21:06

退会済みユーザー

総合スコア0

<tr><td>Yamada</td><td>16</td></tr> <table class="table table-dark"> <tbody> <tr> <td> {{item.xxxx}} </td> <td> {{item.xxxx}} </td> <td> {{item.xxxx}} </td> <td> {{item.xxxx}} </td> </tr> </tbody> </table>

もしくは、

詳しい状況が分かりませんが、これで大丈夫だとおもいますー

投稿2021/05/11 19:18

退会済みユーザー

総合スコア0