【问题标题】:Django grappelli change column width to full screen in admin interfaceDjango grappelli 在管理界面中将列宽更改为全屏
【发布时间】:2017-02-07 09:56:04
【问题描述】:

我是第一次使用 django。我有使用 python 的经验,但没有使用 web 开发。现在我正在尝试用 grappelli 设计一个管理页面。只有 grappelli 没有全屏显示表格(列宽太小),而且看起来很糟糕。我只使用了三分之一的屏幕。有没有办法设置列宽,同时牢记用户的屏幕尺寸。它看起来有点像这样,只会更糟。我不能发布任何真实数据, 因为它是用于科学目的。我也试图找到答案,但找不到任何对我有用的东西。我正在使用 django 1.10、python 2.7 和 grappelli 2.8.2。我使用 grappelli 的原因是因为下拉过滤器。如果有人知道如何在 django 中制作下拉过滤器,我也可以。

Grapelli 界面:

【问题讨论】:

    标签: python django dropdown django-grappelli


    【解决方案1】:

    试试this one,或this one。 他们正在描述如何在 django admin 中更改列的宽度。


    编辑

    仅为您的项目安装虚拟环境。 如果您没有在主 pip 中安装 virtualenv,请执行:

    pip install virtualenv

    然后为您的项目创建虚拟环境:

    1. virtualenv env
    2. 激活刚刚创建的环境:source env/bin/activate
    3. 安装您的依赖项,例如 django 或 grappelli pip install django pip install django-grappelli
    4. 现在您可以在新创建的环境中找到您的文件

    编辑 2

    如果您想将自定义样式添加到模板中,则有一个块,基本上如下所示:

    {% block stylesheets %}
        {{ block.super }}
        {{ media.css }}
    {% endblock %}
    

    因此,如果您想添加自定义 CSS,只需将路径添加到您的 .css 文件即可。或者简单地制作这样的自定义 css:

    {% block stylesheets %}
        {{ block.super }}
        {{ media.css }}
        <style> 
            .column-your_columns_name {
                width: 500px;
            }
    {% endblock %}
    

    请注意,每一列都可以按类访问。每个列类始终命名为column-fieldname。例如,如果您有一个名为 price 的列(列名取自模型),您可以通过以下方式在您的样式中访问它:

    .column-price{}

    【讨论】:

    • 我似乎无法让第一个工作更改 list.html 现在使用 css,但我在系统上的任何地方都找不到它。另一个我根本不明白。似乎没有答案。只是为了创建一个静态 css 文件,但它不告诉如何或在哪里。因为我试图这样做,但我没有工作,因为我根本不知道如何让它工作
    • 第一个位于您的虚拟环境中。所以假设你的环境在这里 /home/yourapp/env/ - 你的 change_list.html 将位于 /home/yourapp/env/lib/python/site-packages/grappelli/templates/admin/change_list.html - 请注意,你也可以将自定义 css 文件添加到该 html 文件中。
    • 我查看了 usr/lib/python2.7 但没有站点包文件夹。我还查看了 usr/local/lib/python2.7,那里只有一个空的 site-packages 文件夹。 myapp 文件夹中也没有任何内容
    • 你在哪里安装了 grappelli 包?
    • 我不知道用过 pip install django-grappelli。所以我想在 python 的某个地方,但在我的库中找不到它
    猜你喜欢
    • 2014-01-11
    • 1970-01-01
    • 2019-04-07
    • 1970-01-01
    • 2021-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多