Python Django_表2-部分css不工作_Python_Css_Django

Python Django_表2-部分css不工作

python css django

Python Django_表2-部分css不工作,python,css,django,Python,Css,Django,这是我第一次使用django_tables2插件——所以很自然，我遵循了他们文档中的安装和快速入门指南我已经让pip安装了django-tables2，将“django_tables2”添加到我安装的应用程序中，并确保“django.template.context_processors.request”在模板选项中然而，我遇到了一个奇怪的异常现象。我将我的代码粘贴到下面，以供参考- 意见- home.html- {% load render_table from django_table

这是我第一次使用django_tables2插件——所以很自然，我遵循了他们文档中的安装和快速入门指南
我已经让pip安装了django-tables2，将“django_tables2”添加到我安装的应用程序中，并确保“django.template.context_processors.request”在模板选项中
然而，我遇到了一个奇怪的异常现象。我将我的代码粘贴到下面，以供参考-

意见-

home.html-

{% load render_table from django_tables2 %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{% static 'css/bs.css' %}" />
    <link rel="stylesheet" href="{% static 'django_tables2/themes/paleblue/css/screen.css' %}" />
    <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" />
</head>
<body>
    <div class="col-sm-offset-2 col-sm-10 text-center">
        <h2 id="Text">VM List</h2>
        {% render_table vms %}
    </div>
</body>
</html>

{%load render_table from django_tables 2%}
{%load static%}
虚拟机列表
{%render_表vms%}

正如你所看到的，这正是书中给出的。然而，虽然我的表有点格式化，但它与我最初期望的并不完全相同

这就是我得到的-

根据文件，这是我应该得到的东西

请注意，django_表2 css实际上是获取的。我一直在关注源文件，django_tables2下的screen.css加载得很好。

编辑-检查表的元素。除了表本身（应该是淡蓝色）之外，所有的东西都有类。在inspector上添加该位是可行的，但如何通过代码实现这一点？默认情况下不应该发生吗？

我在模板标记代码中看到了这一点：

class OnTheFlyTable(tables.Table):
    class Meta:
        model = queryset.model

这是django table呈现的默认表，因为它不包含任何css类，您在table标记中看到任何css类

现在从代码中的docstring开始：

class OnTheFlyTable(tables.Table):
    class Meta:
        model = queryset.model
        attrs = {'class': 'paleblue'}

您必须使用下面这样的东西才能对表使用css类

我阅读此代码中的文件引用：

在浏览器中检查table元素，看看它是否有django表的类。@Arpitolanki我添加了一个inspector屏幕。table标记缺少paleblue类。我正要回答我自己的问题，因为paleblue必须在attrs中指定。谢谢！：）我刚刚浏览了他们的全部代码，发现这些东西是如此上传的：）

class OnTheFlyTable(tables.Table):
    class Meta:
        model = queryset.model
        attrs = {'class': 'paleblue'}