2016-05-01 11 views
0

私の最初のstackoverflowに関する質問です。djangoサイトの表形式

私はdjangoを学び、グループコラボレーションの方法論を教え、コーディングをしない科目の大学プロジェクトにブートストラップを使用しようとしています。 私たちは私たちが選択した言語とフレームワークを学ぶために私たち自身の上にいます。

私の問題は、次のとおりです。 私は、このようなブートストラップウェブページ上の一人として私のリストのための素敵なテーブルを取得するにはどうすればよい:http://getbootstrap.com/css/#tables

リストのための私の.htmlファイルには、次のようになります。

{% extends "base.html" %} 

{% block content %} 
<h1>Users</h1> 

<table class="table table-striped"> 
    {% for user in object_list %} 
     <li class="contact">{{ user }}</li> 
    {% endfor %} 
</table> 

<a href="{% url "users:user_new" %}">Add User</a> 
{% endblock %} 

それでもまだブートストラップスタイリングのない通常のHTMLリストとして表示されます:S 何か不可欠なものを完全に逃したかもしれないので、私はあなたが手伝ってくれることを願っています!

答えて

0

<li>要素を表の一部にすることはできないため、表のスタイリングが行われていません。テーブルを作成する代わりに<tr><td>要素を使用してください。

例:

<table class="table table-striped"> 
    {% for user in object_list %} 
     <tr> 
      <td>{{ user }}</td> 
     </li> 
    {% endfor %} 
</table> 
+0

えーえ、どうもありがとう。前にウェブをやったことがないので、クイック検索の後にあなたの答えが完璧になります! D ユーザーがfirst_name、last_name、およびemailで構成されているとします。​​というタグを使用してタグを分割するにはどうすればよいですか? – PaFko