django - Django_Tables2 未加载默认引导样式
问题描述
我正在关注 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,则引导样式可以正常工作。
解决方案
我能够通过从扩展 base.html 文件进行更改,而是将基本 html 代码放到一个单独的文件中来解决这个问题,我可以使用 {% include header.html %} 直接放入该文件中。这让我可以把
{% load render_table from django_tables2 %}
在页面顶部,并能够强制它加载到 html 中的第一件事,同时仍然能够包含其他文件。
为了在扩展时使 base.html 文件正常工作,我所要做的就是将引导样式表链接添加到 base.html。有了它,一切都可以正常工作,而无需导入其他文件。
推荐阅读
- reactjs - Axios 帖子在反应使用效果中不起作用
- react-native - 在 UseEffect 清理功能中做什么。警告:无法对未安装的组件执行 React 状态更新。应用程序中的内存泄漏
- elasticsearch - 如何让elasticsearch返回商品从配送到用户所在地区的店铺?
- macos - MacOS - 守护进程 - 在由守护进程触发的 shell 脚本中运行终端命令时无法发送邮件
- javascript - 将快速排序函数的每个排序步骤保存在数组中
- sharepoint - 为什么我会收到错误“#Value!” 在我链接的 SharePoint 列表中?
- c++ - vars地址的解释是什么
- android - 如何在 Android 10 Scoped Storage 中删除图像(Mediastore 条目和文件)
- java - Java Custom Annotation 的处理器代码什么时候调用?(运行时保留)
- python - 使用 csv writer 向现有 csv 添加新条目