修改Django列宽的CSS

时间:2015-06-09 17:49:14

标签: css django

我想在Django Admin change_list中扩大列。

我已阅读此link,其中引用了

“list_display中的字段名称也将在HTML输出中显示为CSS类,以每个元素的列形式显示。这可用于在CSS文件中设置列宽。”

我有一个名为“project。”的专栏。

我添加了这个

th.column-project{width:50%} 

到现有css文件的末尾。

什么都没发生。我做错了什么?

这是css路径

#result_list> thead> tr> th.sortable.column项目

和一些实际的HTML

<div class="grp-module grp-changelist-results">
    <table id="result_list" cellspacing="0" class="grp-sortable">
        <thead>
            <tr>
             <th scope="col"  class="sortable column-project">
                 <div class="grp-text"><a href="?o=4.2">Project</a></div>
             </th>
            </tr>
        </thead>

2 个答案:

答案 0 :(得分:1)

答案在上面的评论中有所列举。对于本质量保证的未来读者:

  1. 在表格中的TH上检查元素以查看您的CSS是否已应用
  2. 检查另一个CSS定义是否更具体,因此推翻了您自己的陈述;如果是这样,那就更具体了
  3. OP使用了grp-text类来设置列的样式。这表明Grappelli作为皮肤超过管理员。当您不使用Grappelli时,类名将为.text。

    覆盖grp文本似乎不正确,因为这可能会破坏TH中存在的其他元素。但是现在你已经找到了解决方案。

答案 1 :(得分:0)

感谢上面Wouter的一些帮助,我意识到我需要调出特定的课程。

th.sortable.column-project .grp-text {width:50%}.