帶水平滾動條的表格（無列限制，動態創建表格）

我想動態創建表格。輸入沒有限制。我將輸入作爲逗號分隔的數字從文本框中輸入，我在內部對這些數字進行排序，並希望在網頁中輸出排序的輸出。由於輸入沒有限制，如果用戶提供了超過50個值，那麼輸出超出了網頁的容器。我想爲此實現水平滾動條。我如何做到這一點？帶水平滾動條的表格（無列限制，動態創建表格）

爲此我寫了html代碼。

<table class="table table-responsive table-bordered table-hover" 
     style="border: solid; width:100%; overflow: hidden"> 
    <tr class="sucess"> 
     @foreach (int ab in ViewBag.Output) 
     { 
      <td>@ab</td> 
     } 
    </tr> 
</table>

來源

2014-09-05 amit325

刪除'溢出：hidden'並保持一個固定的寬度（寬度像素），顯示滾動條 – 2014-09-05 11:35:03

KARTHIK嗨，我也一樣，但它不工作。 – amit325 2014-09-05 11:41:12

嗨，我把這張表保存在'div'標籤中，並將css屬性style =「width：100％; overflow：auto」設置爲它的工作狀態。謝謝大家 – amit325 2014-09-05 12:43:20

我試過這個，它爲我工作。

<div style=" width:100%; overflow: auto"> 
    <table class="table table-responsive table-bordered table-hover" 
        style="border: solid;"> 
     <tr class="sucess"> 
      @foreach (int ab in ViewBag.Output) 
      { 
       <td>@ab</td> 
      } 
    </tr> 
    </table> 
</div>

來源

2014-09-05 12:48:16 amit325

帶水平滾動條的表格（無列限制，動態創建表格）

回答

相關問題