首页 > 解决方案 > 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,则引导样式可以正常工作。

标签: djangodjango-tables2

解决方案


我能够通过从扩展 base.html 文件进行更改,而是将基本 html 代码放到一个单独的文件中来解决这个问题,我可以使用 {% include header.html %} 直接放入该文件中。这让我可以把

{% load render_table from django_tables2 %}

在页面顶部,并能够强制它加载到 html 中的第一件事,同时仍然能够包含其他文件。

为了在扩展时使 base.html 文件正常工作,我所要做的就是将引导样式表链接添加到 base.html。有了它,一切都可以正常工作,而无需导入其他文件。


推荐阅读