表格不显示 Chrome答案

【问题标题】：Table doesn't display Chrome表格不显示 Chrome
【发布时间】：2018-06-28 00:42:08
【问题描述】：

我遇到了我遇到过的最奇怪的问题之一。我有一个被数百人使用的网站，我有一个非常奇怪的问题。我的代码如下（示例和示例）：

<div id="DivTHead">
    <!-- THIS doesn't display -->
    <table id="THead">
        <tr align="center">
            <td class="ID">ID</td> 
            <td class="Date_Hour">Date and hour</td> 
            <td class="User">User</td> 
            ........
        </tr>
    </table>    
</div>

<div id="DivTBody">
    <!-- This is working fine -->
    <table id="TBody" border="1">
        <?php
            $SQL = $db -> query("SELECT * FROM rapport where ID = $ID ORDER BY Date_heure "); 
            while($ligne = $SQL -> fetch())
            {
                echo '<tr>';
                echo "<td class=\"ID\">".$ligne['ID']."</td>";
                echo "<td class=\"Date_Hour\">".date('d/m/Y H:i:s', strtotime($ligne['Date_Hour']))."</td>";
                echo "<td class=\"User\">".$ligne['User']."</td>";
                ........
            }
        ?>  
    </table>
</div>

问题是<div id="DivTHead"> 不显示。如果我检查元素，它会出现，但屏幕上没有任何内容。有一些奇怪的东西......不是每个人都有这个问题。我正面临它，但我问了几十个人，但没有一个人面临这个问题。我显然清除了我的缓存和一切，但仍然是这个问题。这是我的.css，但看起来不错：

table, th, td {
   /* border: 1px solid black;*/
    text-align: center;
}

div#DivTBody {

    width: 100%;
    position: relative;
    display: block;
    overflow-y:scroll;
    overflow-x:hidden;
    height: 350px;

}

table#tbody {

    width: 100%;

}

div#DivTHead {
    width: 100%;
}

table#THead{
    border-collapse:collapse;
    border:none;
    width: 98.8%;
}

.ID {
    width: 2%;
    text-align: center;
}
.Date_Hour{
    width: 10%;
    text-align: center;
}
.User{
    width: 15%;
}

它在 IE 和 Mozilla 上运行良好。为什么会出现这个问题以及如何避免呢？

【问题讨论】：

检查遗漏的结束标签。我们无法找到不可重现的错误！所以要么你找到一个选项让我们重现它，要么你必须自己寻找。
在 chrome 中为我工作
我建议为我们创建一个JSFiddle 来重现您的问题。这将允许我们对其进行调试并查看发生了什么。
正如我所说，我问了十几个人，而我是唯一一个面临这个问题的人。如果这是一个诸如结束标签之类的问题，我当然不应该是唯一的问题。我可以找到一个选项让我们能够复制它，因为我不知道它来自哪里，这就是为什么我问过而且我一直在寻找自己，否则我应该'没有问过
@imGaurav 我并不感到惊讶，并不是每个人都面临这个问题..

标签： php css html-table

【解决方案1】：

尝试在 Chrome 中禁用您的扩展程序。如果您是 Chrome 中唯一遇到此问题的人，那一定是您的浏览器以某种方式阻止了内容。

【讨论】：