Django grappelli 在管理界面中将列宽更改为全屏
Django grappelli change column width to full screen in admin interface
我是第一次使用 django。我有 python 的经验,但没有 Web 开发经验。现在我正在尝试使用 grappelli 设计一个管理页面。只有 grappelli 没有全屏显示表格(列宽太小)而且看起来很糟糕。我的屏幕只使用了三分之一。有没有一种方法可以设置列宽,同时牢记用户的屏幕大小。它看起来有点像这样只会更糟。我不能 post 任何真实数据,因为它是用于科学目的。我也试图找到答案,但找不到对我有用的答案。我正在使用 django 1.10、python 2.7 和 grappelli 2.8.2。我使用 grappelli 的原因是因为下拉过滤器。如果有人知道如何在 django 中制作下拉过滤器,那我也很好。
Grapelli 接口:
尝试this one, or this one。
他们正在描述如何在 django admin 中更改列的宽度。
编辑
仅为您的项目安装虚拟环境。
如果你没有在你的主 pip 中安装 virtualenv 执行:
pip install virtualenv
然后为您的项目创建虚拟环境:
virtualenv env
- 激活刚刚创建的环境:
source env/bin/activate
- 安装你的依赖项,比如 django 或 grappelli
pip install django
pip install django-grappelli
- 现在您可以在新创建的环境中找到您的文件
编辑 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 %}
请注意,class 可以访问每一列。每列 class 始终命名为 column-fieldname
。因此,例如,如果您有一个名为 price
的列(列名取自模型),您可以通过以下方式在您的样式中访问它:
.column-price{}
我是第一次使用 django。我有 python 的经验,但没有 Web 开发经验。现在我正在尝试使用 grappelli 设计一个管理页面。只有 grappelli 没有全屏显示表格(列宽太小)而且看起来很糟糕。我的屏幕只使用了三分之一。有没有一种方法可以设置列宽,同时牢记用户的屏幕大小。它看起来有点像这样只会更糟。我不能 post 任何真实数据,因为它是用于科学目的。我也试图找到答案,但找不到对我有用的答案。我正在使用 django 1.10、python 2.7 和 grappelli 2.8.2。我使用 grappelli 的原因是因为下拉过滤器。如果有人知道如何在 django 中制作下拉过滤器,那我也很好。
Grapelli 接口:
尝试this one, or this one。 他们正在描述如何在 django admin 中更改列的宽度。
编辑
仅为您的项目安装虚拟环境。 如果你没有在你的主 pip 中安装 virtualenv 执行:
pip install virtualenv
然后为您的项目创建虚拟环境:
virtualenv env
- 激活刚刚创建的环境:
source env/bin/activate
- 安装你的依赖项,比如 django 或 grappelli
pip install django
pip install django-grappelli
- 现在您可以在新创建的环境中找到您的文件
编辑 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 %}
请注意,class 可以访问每一列。每列 class 始终命名为 column-fieldname
。因此,例如,如果您有一个名为 price
的列(列名取自模型),您可以通过以下方式在您的样式中访问它:
.column-price{}