在django管理面板中更改列宽

Question

我的admin.py看起来像这样：

class ChangeAdmin(GuardedModelAdmin):
    form = ChangeForm
    search_fields = ('RFC', 'Ticket_Number', 'User_Email', 'Change_Details')
    list_display = ('RFC', 'Ticket_Number', 'User_Requested_Time', 'Start_Time', 'End_Time',
                    'User_Email', 'Line_of_Business', 'Conf_Call_Details', 'Region',
                    'Summary', 'Description', 'Change_Details', 'Site_code', 'Configuration_Item',
                    'Plan_Owner', 'Plan_status', 'Change_Owner', 'Implementer', 'Validator')
    date_hierarchy = 'Start_Time'
    list_select_related = True

很明显，表格显示中有很多列表字段。这样就搞砸了数据在列中的显示方式。参见截图

如何在django admin中调整列宽？

Answer 1

我认为您应该尝试one或此one。第二个链接对我来说就像一个魅力。

顺便说一句:(这应该是一个评论，但我不是50代表）你是如何实现这种观点的？我使用grappelli，但与你的主题相比，它看起来真的很愚蠢。我的用户经常抱怨我的应用程序缺乏图形设计......

Answer 2

我在django-suit中使用过这种方法：

admin.py

class GuardedAdmin(admin.ModelAdmin):
    class Media:
        js = ('js/guarded_admin.js',)

JS / guarded_admin.js

$(function(){
  $(".guarded-column.column-guarded").attr("width", "100px;");
})

您只需要确定案例中的列名称，并在上面的代码中进行更改。

<强>更新

我最近尝试了这个并且它有效（鉴于您的专栏称为报告）：

$('.reports-column').find('span').attr('style', 'width:150px;')

Answer 3

admin.py：

class MyClassAdmin(admin.ModelAdmin):

    class Media:
        css = {
            'all': ('fancy.css')
        }

fancy.css：

.column-foo {
    width: 20px;
}

其中“ foo”是字段名称。

来源： https://docs.djangoproject.com/en/3.0/topics/forms/media/