質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.92%

djangoのhtmlにform-control form-control-smを適用させたい

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 173

ktg_st

score 23

djangoのhtml上でform-control form-control-smを適用させたいのですがやりたい方分かりません。
<div class='form-control'>で囲ってみたりしましたが適用されませんでした。
下記htmlはpandasのdfを表示するものになっています。これが原因でできないのでしょうか。
それとも根本的にやり方が間違っているのでしょうか。

html

<table class="table table-bordered" >

    <div class="container">
        <div class="row">



    <form action="" method="POST">
        {{ month_formset.management_form }}


  <tr> <th class="col-xs-1">User</th></div>
  {% for day in month_day_forms %}

  <th class="col-xs-1">{{day | date:"n"}}{{day | date:"j" }}</th> 
 {%endfor%}</tr>

 <tr>

{% for index,a in month_day_forms.iterrows %}
<div class="row">

<th class="col-xs-1">{{index.last_name}}&nbsp;{{index.first_name}}</th>
<td class="col-xs-1">{{a.0.date}}{{a.0.id}}{{a.0.start_at|as_crispy_field}}{{a.0.end_at|as_crispy_field}}{{a.DELETE}}</td>
<td class="col-xs-1">{{a.1.date}}{{a.1.id}}{{a.1.start_at|as_crispy_field}}{{a.1.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.2.date}}{{a.2.id}}{{a.2.start_at|as_crispy_field}}{{a.2.end_at|as_crispy_field}}</td>

<td class="col-xs-1">{{a.3.date}}{{a.3.id}}{{a.3.start_at|as_crispy_field}}{{a.3.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.4.date}}{{a.4.id}}{{a.4.start_at|as_crispy_field}}{{a.4.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.5.date}}{{a.5.id}}{{a.5.start_at|as_crispy_field}}{{a.5.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.6.date}}{{a.6.id}}{{a.6.start_at|as_crispy_field}}{{a.6.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.7.date}}{{a.7.id}}{{a.7.start_at|as_crispy_field}}{{a.7.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.8.date}}{{a.8.id}}{{a.8.start_at|as_crispy_field}}{{a.8.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.9.date}}{{a.9.id}}{{a.9.start_at|as_crispy_field}}{{a.9.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.10.date}}{{a.10.id}}{{a.10.start_at|as_crispy_field}}{{a.10.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.11.date}}{{a.11.id}}{{a.11.start_at|as_crispy_field}}{{a.11.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.12.date}}{{a.12.id}}{{a.12.start_at|as_crispy_field}}{{a.12.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.13.date}}{{a.13.id}}{{a.13.start_at|as_crispy_field}}{{a.13.end_at|as_crispy_field}}</td>
<td class="col-xs-1">{{a.14.date}}{{a.14.id}}{{a.14.start_at|as_crispy_field}}{{a.14.end_at|as_crispy_field}}</td>
</div>
{% if a.15.start_at == None %}


{% else %}
<div class="col-xs-1"></div><td>{{a.15.date}}{{a.15.id}}{{a.15.start_at}}{{a.15.end_at|as_crispy_field}}</td>
{%endif%}
</div></div></tr>

    {%endfor%}
</table>
{% csrf_token %}
<button type="submit" class="btn btn-primary">送信</button>
</form>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.92%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る