如何在表格的頂部添加水平滾動條？

< div class="table-responsive"> 
                
                  <table class="table table-striped">/span>
                     
                    <thead> 
                      <tr>/span>
                        <th>代理機構名稱</th>/span>
                        <th>經審計的呼叫總數</th>
                        <th>Fatal Count</th>
                        <th>Score</th>  
                        <th>Average</th>      
                      </tr>/span>
                    </thead>/span>
                    <!-- <div style="overflow:scroll;min-height:.01%;overflow-y:hidden;overflow-x:scroll;"> -->/span>
                  <tbody> 
                 
                   
                        <?php 
                      
                        $totalauditded=0。
                        $totalfatal=0;
                        $listau=$aucnt-> result();   
                        $totalauditded =$rpostclist->審計的。
                        $totalfatal =$rpostclist->cnfatal。
                        ?>。
                          <tr> 
                              <td>< ? php echo $rpostclist->agent_name;? ></td>
                              <td>< ? php echo $rpostclist->udited;? >< /td>
                              <td>< ? php echo $rpostclist->cnfatal;? ></td>
                              
                              <td>/span>
                                
                                <table class="table table-bordered"> 
                                  <tr>/span>
                                                        <? php $i=1; foreach($listau as $raucnt) { ?>。
                                      <th>呼叫<? php echo $i; ? ><br/>< ? php echo $raucnt->qa_agent;? ><br/>< ? php echo $raucnt->qa_date; ? ><br>< a href="< ? php echo base_url(); ? >home/viewticket/< ? php echo $raucnt-> unique_id;? >。 "/span> class="btn btn- link" target="_blank"  style="width: 55px;height:30px;">查看</a></th>
                                        <?php $i  ; } ?>
                                  </tr> 
                                  <tr>/span>
                                    <? php $sum = 0; foreach($listau as $raucnt) { ?>。
                                    <td>< ? php echo $raucnt->tot;
                                                          $sum  = $raucnt->tot;? >%</td>>
                                    <?php } ?>
                                  </tr> 
                                
                                </table>/span>
                              </td> 
                            <td style="vertical-align: middle;font-weight:bold;font-size:20px;">< ? php echo round($average=$sum/count($listau))；? >%</td>>
                          </tr>/span>
                 
                        <?php } ?>
                        <tr> 
                            <td></td>/span>
                            <td style="font-size。 16px;"><strong>Total:<? php echo $totalauditded; ? ></strong> </td>
                            <td style="font-size。 16px;"><strong>Total:<? php echo $totalfatal; ? ></strong></td>
                        </tr>/span>
                        </tbody>/span>
                    </table>/span>
                    </div> 
              </div>/span>
                                    </div> 

我在網上搜索，但沒有找到任何解決方案。我想做的是在表的頂部保留一個水平條，因為它從資料庫中獲取了許多資料，很難滾動。也許頂部和底部的水平滾動條也是不錯的建議。

uj5u.com熱心網友回復：

使用css

overflow-x : auto;

參考資料

https://www.w3schools.com/howto/howto_css_menu_horizontal_scroll.asp

uj5u.com熱心網友回復：

<div class="table-responsive"/span>>

改變為

<div class="table-responsive" style="overflow-y: scroll; overflow-x: auto" >

uj5u.com熱心網友回復：

我改變了我的容器軸為180度

<div class=" table-responsive"style=" transform: rotateX(180deg); " > <table class="table table-striped" style="transform: rotateX(180deg);">````。

標籤：

上一篇：java-方法未通過測驗

下一篇：在codeigniter中使用phpexcel庫將資料匯出到excel中的錯誤