2017-09-12 9 views
-1

私はjinja2でzipリストを繰り返してHTMLテーブルに値を表示しようとしましたが、空白ページでtryを1回実行するたびに失敗しましたが、次のようにUnorderedリストに値を表示できます。forループを使用してjinja2でzipリストを繰り返し、HTMLテーブルに値を表示するにはどうすればよいですか?

<ul> 
     {% for bus, info in jnjbus_info %} 
     <li>{{bus}}</li> 
     <li>{{info}}</li> 
{% endfor %} 
</ul> 

これは私がテンプレートに値を渡す私のフラスコ/機能さ:ここではスクリプトです

@app.route('/busses') 
def busses(): 
    bus_type = ['AC', 'NON-AC', 'Sleeper', 'NON-Sleeper'] 
    bus_info = ['1010', '2020', '3030', '4040'] 
    return render_template('busses.html', jnjbus_info=zip(bus_type, bus_info)) 

私は busses.htmlと呼ばれるテンプレートをレンダリングしています:

<table style="width:100%"> 
     <tr> 
      <th>Bus Type</th> 
      <th>Bus Information</th> 
     </tr> 
      {% for bus, info in jnjbus_info %} 
       <tr>  
       <td>{{bus}}</td> 
       <td>{{info}}</td>    
       </tr> 
      {% endfor %} 
    </table> 
+0

ループを 'tr'sの周りに移動しますか? 2つの列でN個の行を生成したいのですが、列の数が多い行は1つではありません。また、あなたはそこに悲劇と悲劇を置くべきです... –

+0

私はそれも成功しなかった。 –

+1

あなたの質問を最新のコードを表示するように編集してください - ブラウザでページソースを見て、何かが出力しようとしたようなものがあるかどうかを確認しましたが、スタイルシートなどで表示されていない..? –

答えて

0

:ここ

<table style="width:100%"> 
    <tr> 
     <th>Bus Type</th> 
     <th>Bus Information</th> 
    </tr> 
    <tbody> 
    {% for bus, info in jnjbus_info %} 
     <tr> 


      <td>{{bus}}</td> 
      <td>{{info}}</td> 
     </tr> 
     {% endfor %} 
    </tbody> 
</table> 

は次のように、それがどのように見えるかです、問題はport=5000によって引き起こされ、またブラウザcacheかもしれません。このバグに取り組んでいるうちに、私は似たようなスクリプトpyhtmlscreen shotを書きました。そして、port=8888の魅力のように動作しました。 注:同じアプリケーションを異なるportsで実行し、ブラウザcacheをクリアすることを検討してください。

0

あなたは

<tbody> </tbody> 

私はこれを追加し、ページ内のタグとそれが動作します:この質問に提供されたコードは、しかし、バグのないです

enter image description here

+0

私の側に何が問題なのですか? [こちらはページソースのスクリーンショットです](https://s26.postimg.org/txw7a0j2x/Screenshot_from_2017-09-12_18_53_23.png) –

+0

私の編集を確認し、 –

+0

を参照してください。あなたが提案したように「」を追加しました。前のコメントのスクリーンショット、何か間違っていることを私が最初から試してみようとする平均時間。 –

関連する問題