用于表的Bootstrap3固定列

时间:2014-03-20 05:18:03

标签: php twitter-bootstrap twitter-bootstrap-3 responsive-design

我在SOF中检查了三次,以获得有关Bootstrap框架3的解决方案。 即使这个演示也无法在我的系统中运行。 http://jsfiddle.net/koala_dev/4XG7T/2/ 所以,我有一个矩阵类型表,它将水平和垂直填充'n'个记录。 如果有5-8列,我的下面的代码工作正常,但如果有超过20列,则表将折叠。 换句话说,我需要能够保持标题部分单独固定的东西。即第一行有'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

0 个答案:

没有答案