Question

我想在我的桌子上添加水平滚动条。我试过像溢出这样的东西：滚动等。但它不能在我的桌子上工作。 它会在屏幕下方显示另一个表格。

我在for循环中显示多个表。但是我需要在单行中显示所有表格。但是它会在屏幕下方显示。 PLZ建议我......

 <div class="box-body table-responsive">                
         <table style="float:left;">
         <tr>           
         <th colspan="2" style="border:1px solid #ddd; "></th>      
         </tr>  
         <tr>
         <td style="float:left;">   
         <table width="100%" class="table table-bordered table-striped">
         <tr>       
         <th colspan="2" style="text-align:center"><?php echo $row["Edition"]; ?></th>          
         </tr>           
         <tr>       
         <td colspan="2" class="scheduletime" style="text-align:center"><?php echo $row["scheduletime"]; ?></th>        
         </tr>          
        <td>Page No</td>
        <td>Actu.Time</td>       
        </tr>                       
        <tr>                    
          <td class="scheduletime" style="text-align:center"><?php echo $i; $abc = $i; ?></td>  

  <td class="actualtime"> Save</a></td></tr>        
        </table>
        </form>
        </td></tr></table>      
     </div>

Answer 1

默认情况下，table不是内联元素。为此，您必须将其样式/ css设置为display: inline-table。

为了防止换行，你必须添加到表的父级（可能是正文，这取决于你的场景）属性white-space: nowrap;

＆＃13;

body {
  white-space: nowrap;
}

.tb {
  border: 1px solid red;
  width: 400px;
  display: inline-table;
}

＆＃13;

<table class='tb'>
    <tr>
        <td>table</td>
        <td>1</td>
    </tr>
</table>
<table class='tb'>
    <tr>
        <td>table</td>
        <td>2</td>
    </tr>
</table>
<table class='tb'>
    <tr>
        <td>table</td>
        <td>3</td>
    </tr>
</table>
<table class='tb'>
    <tr>
        <td>table</td>
        <td>4</td>
    </tr>
</table>

＆＃13;

如何在我的表中添加水平滚动条

1 个答案: