Php Bootstrap3表的固定列

我在软件中检查了三次，以获得有关引导框架3的解决方案。 即使这个演示在我的系统中也不起作用。 因此，我有一个矩阵类型的表，它将在水平和垂直方向上填充“n”个记录。 如果有5-8列，我下面的代码可以正常工作，但是如果有超过20列，表就会折叠。 换句话说，我需要的东西将保持标题部分单独固定。i、 e列数为“n”的第一行。 我怎样才能做到这一点？有人能重新定义我下面的代码吗

<div class="container">
    <form action="post.php" method="post">
        <div class="table responsive">
            <table class="table table-striped table-hover" cellpadding="0" cellspacing="0" border="0">
                <tbody>
                    <tr>
                        <th>S.No</th>
            <?php  while($row = mysql_fetch_array( $myloop )) {   ?>
                        <th><?php echo $row['book_name']; ?></th>
            <?php } ?>
                    </tr>
                    <tr>
            <?php  while($row1 = mysql_fetch_array( $myloop1 )) {   ?>
                        <td><?php echo $row1['author_name']; ?></td>
                        <td><?php echo $row1['author_rating']; ?></td>
            <?php } ?>
                    </tr>
                </tbody>
            </table>
        </div>
    </form>
</div>

为了简单起见，我希望下面的行是固定的，这样我就可以水平滚动并检查记录

<tr>
    <th>S.No</th>
<?php  while($row = mysql_fetch_array( $myloop )) {   ?>
    <th><?php echo $row['book_name']; ?></th>
<?php } ?>
</tr>

有什么帮助吗

谢谢，

---

Kimz

您的小提琴使用的是过时的Bootstrap v3.0.0。请更新到当前版本v3.1.1。请解释当你说表格被折叠时的意思。cvrebert-我使用的是Bootstrap v3.1.1 Only collapsed-意思是：宽度设置为100%，如果列增加，它将脱离表格。明白了吗？应该是桌面响应，而不是桌面响应。