테이블 모양 / 부트스트랩

<div class="container my-3"

 

<table class="table"

<tr class="table-dark"

• https://getbootstrap.com/docs/5.1/getting-started/introduction/

Introduction

 

 

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'bootstrap.min.css' %}">

{% if question_list %}

<div class="container my-3">
    <table class="table">
        <thead>
            <tr class="table-dark">
                <th>출발일</th>
                <th>상품번호</th>
                <th>상품명</th>
                <th>출발확정</th>
                <th>예약가능석</th>

            </tr>
        </thead>
        <tbody>
        {% if question_list %}
            {% for q in question_list %}
            <tr>
                <td>{{ q.create_date }}</td>
                <td>{{ q.subject }} </td>
                <td>{{ q.content }}</td>
                <td>{{ forloop.counter }}</td>
                <td>{{ q.id }} </td>
            </tr>
            {% endfor %}
        {% else %}
            <tr>
                <td colspan="5">등록된 상품이 없습니다.</td>
            </tr>
        {% endif %}
        </tbody>
    </table>
</div>

 

 

https://wikidocs.net/70838

2-08 부트스트랩