Question

我想动态创建一个表。输入没有限制。我从文本框中输入逗号分隔的数字，我在内部对这些数字进行排序，并希望在网页中打印已排序的输出。由于输入没有限制，如果用户提供的值超过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>

Answer 1

我尝试了这个，它对我有用。

<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>

带水平滚动条的表（无列限制，动态创建表）

1 个答案: