Django 中的 CSS 表格样式未显示表格设计答案

【问题标题】：CSS Table style in Django isn't showing the table designDjango 中的 CSS 表格样式未显示表格设计
【发布时间】：2013-10-13 03:49:23
【问题描述】：

我对 Django 模板中的一个设计有疑问，所有其他设计都可以正常工作，但表格 css 代码无法正常工作，我正在附加部分 css 代码和 Djnago 模板中的相关部分。

我的 CSS 文件：

* {
    margin: 0;
    padding: 0;
}

body {
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
}

table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border: 1px #666666;
    border-collapse: collapse;
}
table.gridtable th {
    padding: 8px;
    border: 1px solid #666666;
    background-color: #dedede;
}
table.gridtable td {
    padding: 8px;
    border: 1px solid #666666;
    background-color: #ffffff;
}

form {
}

input, textarea {
    padding: 2px 5px;
    font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333333;
}
........

Django 模板中的代码：

.........
<div id="latest-post-wrap">
    <div id="latest-post" class="post">
        <p class="byline"></p>
{#        <p class="byline"><span>Posted on December 15th, 2007 by <a href="#">Someone</a></span></p>#}
        <h1 class="title"><a href="#">Logger</a></h1>
        <div class="entry">



{#        <table class="imagetable" border="1" style="text-align: center">#}
        <table class="gridtable">
            <tr>
                <th style="width: 100px">id</th>
                <th style="width: 100px">id Handle</th>
                <th style="width: 700px">Date</th>
                <th style="width: 100px">Name</th>
                <th style="width: 100px">Host</th>
                <th style="width: 100px">Serial Number</th>
                <th style="width: 100px">Batch Number</th>
                <th style="width: 100px">Site</th>
                <th style="width: 100px">Cavity</th>
            </tr>
            {% for handle in handles %}
            <tr>
                <td>{{ handle.id }}</td>
                <td>{{ handle.idhandle }}</td>
                <td>{{ handle.createdate }}</td>
                <td>{{ handle.handlename }}</td>
                <td>{{ handle.handlehost }}</td>
                <td>{{ handle.serialnumber }}</td>
                <td>{{ handle.batchnumber }}</td>
                <td>{{ handle.site }}</td>
                <td>{{ handle.cavity }}</td>
            </tr>
            {% endfor %}
        </table>

        </div>
    </div>
</div>

问题是css中的表格样式没有任何想法？所有其他样式都可以正常工作，只有表格无法正常工作。

编辑1

当前视图 - 没有样式

需要样式：

【问题讨论】：

您能否提供更多信息，而不是简单地说它“不工作”？它到底以什么方式不起作用？您是否使用浏览器布局检查工具来查看浏览器如何确定表格样式？
@Pointy NP，我已经编辑了标题，问题也在帖子中解释了。
不，没有解释。它是什么样子的？你希望它看起来像什么？渲染效果与您的预期有何不同？
@Pointy Edit1 使用当前视图和我想要的所需视图，问题是没有注意表格样式，但所有其他样式都可以正常工作。
CSS 看起来不错。您是否使用过浏览器布局检查器工具？确保表格确实有那个“gridtable”类，并且确实正在加载 CSS。如果浏览器不遵守样式，那一定是出乎意料的错误，而这确实是找到它的唯一方法。

标签： python css django html-table css-tables

【解决方案1】：

通过运行manage.py collectstatic解决

它以某种方式在 Pycharm IDE 2 静态文件中创建，并且所有 mt 更改都在错误的文件中进行。

【讨论】：