Question

输入＆＃34;文件名＆＃34;是一个很长的变量，我尝试更改<th>和<td>的宽度，但似乎没有任何效果。然后我决定放whitespace: nowrap;然而当我这样做时，它与我的其他列发生了冲突，文件的写作就过去了。我该如何解决这个问题？

<table class="responstable" rules='all' style='border-collapse: collapse;'>
<thead>
    <tr>
        <th>ID</th>
        <th>Client id</th>
        <th>File Name</th>  
        <th>Payer ID</th>       
        <th>Patient_f_name</th>
        <th>Patient_l_name</th>
        <th>cpt_code</th>
        <th>insurance_voucher</th>
        <th>paitent_id</th>
        <th>acc_number</th>
        <th>service_dos</th>
        <th>local_charge_number</th>
        <th>charge_amount</th>
        <th>insurance_name_insurance_company</th>
        <th>paid_amount_payment</th>
        <th>paid_amount_vouchers</th>   
    </tr>
</thead>
  <?php 
    while($row = pg_fetch_array($result))
    { 
  ?>

  <tbody>


    <tr <?=$row['flag'] ? "style='background-color: #fcf8e3'" : '';?>>

     <td><?php echo $row['voucher_id']; ?></td>
     <td><?php echo $row['client_id']; ?></td>
     <td style="white-space: nowrap"><?php echo $row['file_name']; ?></td>
     <td><?php echo $row['payer_id']; ?></td> 
     <td><?php echo $row['patient_f_name']; ?></td> 
     <td><?php echo $row['patient_l_name']; ?></td> 
     <td><?php echo $row['cpt_code'];?></td>
     <td><?php echo $row['insurance'];?></td>
     <td><?php echo $row['patient_id'] ?></td>
     <td><?php echo $row['acc_number'] ?></td>

Answer 1

您可以指定列宽（以像素为单位）

<td width="300"><?php echo $row['file_name']; ?></td>

或整个表格宽度的百分比

<td width="20%"><?php echo $row['file_name']; ?></td>

选择适合您的数字，而不是300像素或20％。

Answer 2

您可以通过将min-width：200px属性设置为td来实现。

如果您使用class =＆＃34; filename＆＃34;将其设置为特定的td，那么唯一的列将调整大小。

如果您将其设置为table＆gt; tr＆gt; td，则表格的所有列都将显示均匀地设定为该宽度。

Answer 3

{width:700px};

把它放在你的CSS风格中。

Answer 4

尝试Colspan和Rowspan。希望它会有所帮助。

<html>
  <body>
    <table border="1">
      <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
        </tr>
      <tr>
        <td colspan="2">A</td>
        <td>B</td>
        </tr>
      <tr>
        <td colspan="3">A</td>
        </tr>
     </table>
   </body>
 </html>

如何增加表格中列的宽度？

4 个答案: