如何使我的表格单元格自动适应 Bootstrap 3 中的内容？答案

【问题标题】：How to make my table cell auto fit to contents in Bootstrap 3?如何使我的表格单元格自动适应 Bootstrap 3 中的内容？
【发布时间】：2015-06-01 00:13:07
【问题描述】：

我正在从 Mysql 数据库中获取数据并将它们填充到表中。但是，我似乎无法使单元格自动适应内容。我已经尝试将宽度作为表格的属性，但我无法让它工作非常感谢您的帮助。谢谢这是我到目前为止所做的事情

<div id="page-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">

                <table class="table table-bordered" style="width:100%">
                    <thead>
                      <tr>
                        <th><center>ID</center></th>
                        <th>Name</th>
                        <th><center>Email</center></th>
                        <th>Number</th>
                        <th>Package</th>
                        <th>Flexibility</th>
                        <th >Date</th>
                        <th>Departuring From</th>
                        <th>Departure Date</th>
                        <th>Destination</th>
                        <th>Arrival Date</th>
                        <th>Price</th>
                        <th>Consolidator</th>

                      </tr>
                    </thead>

                    <tbody>
                      <?php

                        $query = 'SELECT * FROM queries';

                        $result = mysql_query($query);

                        while ($row = mysql_fetch_array($result)) {
                            echo '<tr>';
                            echo '<td>'. $row['id'] . '</td>';
                            echo '<td>'. $row['name'] . '</td>';
                            echo '<td>'. $row['email'] . '</td>';
                            echo '<td>'. $row['contactnumber'] . '</td>';
                            echo '<td>'. $row['packagedetails'] . '</td>';
                            echo '<td>'. $row['flexibility'] . '</td>';
                            echo '<td>'. $row['datetoday'] . '</td>';
                            echo '<td>'. $row['departure'] . '</td>';
                            echo '<td>'. $row['dateofdeparture'] . '</td>';
                            echo '<td>'. $row['destination'] . '</td>';
                            echo '<td>'. $row['dateofarrival'] . '</td>';
                            echo '<td>'. $row['price'] . '</td>';
                            echo '<td>'. $row['vendor'] . '</td>';
                            echo '<td width=250>';
                            echo '<a class="btn btn-success" href="readquery.php?id='.$row['id'].'">Read</a>';
                            echo '&nbsp;';
                            echo '<a class="btn btn-success" href="updatequery.php?id='.$row['id'].'">Update</a>';
                            echo '&nbsp;';
                            echo '<a class="btn btn-danger" href="deletequery.php?id='.$row['id'].'">Delete</a>';
                            echo '</td>';
                            echo '</tr>';
                        } 
                        ?>  
                    </tbody>
                </table>

【问题讨论】：

请发布您的输出 html 源代码，而不是 php 代码，并尽可能创建一个 jsfiddle.net 演示以及您的相关 css。
不幸的是，我不能在这里发布图片，因为它需要至少 10 点声誉。这是我第一次来 StackOverflow
stackoverflow.com/help/how-to-ask

标签： php html mysql css twitter-bootstrap-3

【解决方案1】：

我从来没有看到你回显</tr> 或</td>。将您的 while 循环生成的 HTML 的输出提供给我们会很有帮助。

【讨论】：

我对 while 循环进行了更改。请看一下

【解决方案2】：

问题不在于我的桌子。为了让它工作，我增加了我的桌子所在的容器的宽度，它工作了

【讨论】：