php - 使用滚动面板修复表头

Question

我知道这是一个重复的问题，我已经尝试了所有可能的解决方案但没有成功。我正在使用一个显示我的 excel 数据的面板，我想用标题修复该列。我尝试过的每个 css 都会破坏面板设置，但我没有成功。我正在使用 bootstrap css 并且有超过 1000 行，这就是为什么我需要一个固定的标题。这是我的 HTML

<div class="panel panel-primary">
            <div class="panel-heading">Excel Sheet</div>
            <div class="panel-body">
                <?php
                echo '<table class="table table-striped table-hover table-condensed">';
                echo "<thead class='thead'>";
                echo "<tr class='info'>";
                for ($column = 'A'; $column < $lastcol; $column++) {
                    echo "<th>";
                    echo $worksheet->getCell($column . '1')->getFormattedValue();
                    echo "</th>";
                }
                echo "</tr>";
                echo '</thead>';
                echo '<tbody>';
                for ($row = 2; $row <= $lastrow; $row++) {
                    echo "<tr>";
                    for ($column = 'A'; $column < $lastcol; $column++) {
                        echo "<td>";
                        echo $worksheet->getCell($column . $row)->getFormattedValue();
                        echo "</td>";
                    }
                    echo "</tr>";
                }
                echo '</tbody>';
                echo "</table>";
                ?>
            </div>
        </div>

这是第 1 列和第 1 行的 for 循环，它将给出标题。我使用了集成的 php-html。其他行将出现在 row for 循环中。这是我的 CSS，注释代码是我最后尝试的代码。

.panel-heading{
    font-size: 15px;
}
.panel-body{
    overflow:auto;
    height:400px;
}
tr{
    border: 1px solid black;
}
th{
    border: 1px solid black;
}
td{
    border: 1px solid black;
}

示例 fiddle 是 Here

P.S:请不要忘记发表评论，以防因帮助我而投反对票。干杯!

Answer 1

尝试将以下 CSS 添加到您的 .panel-primary:

.panel-primary{
    top: 0;
}

应该这样做。

希望对您有所帮助。