bhouse_backstage/backstage/templates/blogs.html

{% extends "layout.html" %}
{% block main %}
<h1 class="h3"><i class="far fa-newspaper mr-3"></i>{{ title }}</h1>
<table id="example" class="table" cellspacing="0" width="60%">
  <thead>
    <tr>
      <th class="table__head">數量</th>
      <th class="table__head">標題</th>
      <th class="table__head">順序</th>
      <th class="table__head">顯示</th>
      <th style="width:140px;" class="table__head">新增 <button type="button" data-func="dt-add" class="btn btn-success btn-xs dt-add">
          <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
        </button></th>
    </tr>
  </thead>
  {% for idx in range(0, length) %}
    <tbody>
      <tr>
        <td class="table__data">{{ idx }}</td>
        <td class="table__data">{{ blogs[idx].title }}</td>
        <td class="table__data">1</td>
        <td class="table__data">on</td>
        <td>
          <div class="d-flex justify-content-center">
            <a class="m-1 btn__edit" href="{{ url_for('editor.editor', url=blogs[idx].url) }}"><i class="fas fa-edit"></i></a>
            <form action="{{ url_for('editor.remove', url=blogs[idx].url) }}" method="POST" class="m-1 inline_block">
              <button class="btn__delete" type="submit" value="delete"><i class="fas fa-trash-alt"></i></button>
            </form>
          </div>
        </td>
      </tr>
    </tbody>
  {% endfor %}
</table>
{% endblock main %}