我如何仅在一个Bootstrap表django 2.1上填充数据

时间:2018-09-04 11:51:38

标签: django bootstrap-4


enter image description here

我的桌子看起来

  • 日期名称的地方 4.09.2018杰克·伦敦

    日期名称的地方 4.09.2018巴黎教育版

    日期名称的地方 5.09.2018萨姆·伊斯塔布尔

我在使用表时遇到问题。我想显示一个表我的数据,但是,它不起作用,我的程序显示我所有数据的不同表,但是我不想要这个。我该如何解决这种情况?

我想像这样从标题显示一个标题和下面的所有数据

enter image description here  -日期名称的地方

4.09.2018杰克伦敦    4.09.2018法国巴黎    5.09.2018萨姆·伊斯塔布尔

但是这种情况会为我的所有数据添加标题。它显示在这里

enter image description here

我的html代码

感谢您的关注...

<div class="container">
  <div class="row">
    <div class="col-3">
     <a class="btn btn-warning" href="{% url 'ANASAYFA'%}"> ANASAYFA </a>
        <br>
        {% now "jS F Y H:i" %}
    </div>
    <div class="col-6">
{% for i in veriler %}
                 <table class="table table-bordered table-dark">

  <thead>
    <tr>
      <th scope="col">TARİH</th>
      <th scope="col">İSİM-SOYİSİM</th>
      <th scope="col">VARDİYA BÖLGE</th>
      <th scope="col">VARDİYA DÖNEM</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="i.row">{{ i.gun }}</th>
      <th>{{ i.personel }}</th>
      <th>{{ i.bolge }}</th>
      <td>{{ i.vardiya_donemi }}</td>
    </tr>

  </tbody>
</table>

    {% endfor %}

1 个答案:

答案 0 :(得分:0)

尝试一下:

  <table class="table table-bordered table-dark">
  <thead>
    <tr>
      <th scope="col">TARİH</th>
      <th scope="col">İSİM-SOYİSİM</th>
      <th scope="col">VARDİYA BÖLGE</th>
      <th scope="col">VARDİYA DÖNEM</th>
    </tr>
  </thead>
  <tbody>
   {% for i in veriler %}
    <tr>
      <th scope="i.row">{{ i.gun }}</th>
      <th>{{ i.personel }}</th>
      <th>{{ i.bolge }}</th>
      <td>{{ i.vardiya_donemi }}</td>
    </tr>
  {% endfor %}
  </tbody>
  </table>