我正在遵循django-tables2网站(https://django-tables2.readthedocs.io/en/latest/pages/tutorial.html)上的教程,但无法使用引导样式显示表格。我遵循了确切的教程,并成功获取了引导程序样式的表,但是,在我的主项目中实施时,它保持了基本格式而无需引导程序。
这是我的html,其中包含表格:
{% extends 'base.html' %}
{% block title %}Home{% endblock %}
{% block extra_head %}
<link rel="stylesheet" type="text/css" href="/adminEdits/tatic/mainStyles.css" />
<script type="text/javascript" src="/static/scripts.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
{% endblock %}
{% block content %}
{% if user.is_authenticated %}
{% load render_table from django_tables2 %}
<h1>Edit Drivers</h1>
{% render_table table %}
{% else %}
<p>You are not logged in</p>
<a href="{% url 'login' %}">login</a>
{% endif %}
{% endblock %}
还有我的tables.py
import django_tables2 as tables
from tickets.models import User
class UsersTable(tables.Table):
class Meta:
model = User
template_name = "django_tables2/bootstrap.html"
fields = ("user_id",)#"first_name", "last_name", "position", "admin_level", "email", "distribution_company_id")
还有我的views.py
from django_tables2 import SingleTableView
from django.shortcuts import render, get_object_or_404
from django.http import HttpResponse, Http404
from django.views.generic import ListView
from tickets.models import User
from .tables import UsersTable
# Create your views here.
def index(request):
return render(request, 'adminEdits/index.html', context)
class UsersListView(SingleTableView):
model = User
table_class = UsersTable
template_name = 'adminEdits/editDrivers.html'
该应用程序的urls.py:
from django.urls import path
from adminEdits.views import UsersListView
from . import views
urlpatterns = [
path('', views.index, name='index'),
path('drivers', UsersListView.as_view()),
]
如果我编辑html页面并删除正在扩展的基本html,则引导程序样式将正常工作。
答案 0 :(得分:0)
我能够通过更改以扩展base.html文件并将其放到一个单独的文件中来解决此问题,我可以使用{%include header.html%}直接将其放下。这使我可以放上
{% load render_table from django_tables2 %}
位于页面顶部,并且可以将其强制添加到html中加载的第一件事,同时仍可以包含其他文件。
要使base.html文件在扩展时正常工作,我要做的就是将bootstrap stylesheet链接添加到base.html。有了它,一切都可以工作而无需导入其他文件。