php - PHP/HTML/CSS表滚动

我正在尝试使用滚动条来实现我的表格，滚动条只会迫使大约10个团队向下滚动。但是，我似乎无法正确编写代码。

我打算在几个不同的页面上实现可滚动表，其中列标题的宽度将改变。我发现的所有示例都要求每列的宽度固定，是否有更好的方法呢？

**我想保留固定的标题**

这是我的PHP代码：

    echo '<table align="center" cellspacing="3" cellpadding="3" width="80%" border="1">
    <tr>
        <th align="center">Team Name</th>
        <th align="center">Wins</th>
        <th align="center">Losses</th>
        <th align="center">Winning %</th>
    </tr><div id="scrll_tbl">';

    $bg = '#eeeeee';

    for($i = 0; $i < count($teams); $i++) {
        $bg = ($bg == '#eeeeee' ? '#fffffff' : '#eeeeee');

        $wnpctg = $teams[$i][1] / ($teams[$i][1] + $teams[$i][2]);

        echo '<tr bgcolor="' .$bg. '">
            <td align="center">' . $teams[$i][0] . '</td>
            <td align="center">' . $teams[$i][1] . '</td>
            <td align="center">' . $teams[$i][2] . '</td>
            <td align="center">' . number_format($wnpctg,3) . '</td>
        </tr>';
    }

echo '</div></table>';

这是我的CSS：

#scrll_tbl {
   overflow: scroll;
   height: 100px;
}

最佳答案

您实际上不能在表格内使用div标签（它将在表格外部呈现为空div）。具有固定标头的唯一方法是在可滚动div中包含两个表，第二个表。如果要为表格单元格设置灵活的宽度，则可以使用JavaScript检查数据的第一行表格单元格的宽度，并相应地设置标题单元格的宽度。

关于php - PHP/HTML/CSS表滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23052338/