Question

我正在使用C＃，MVC应用程序。

在这个应用程序中，我有多列的表，我需要将水平滚动条添加到表中以查看所有结果。

以下是我迄今为止尝试过的代码。

在Cshtml文件中，

 <div class="table-responsive">
    <table id="totalResultList" class="table table-bordered table-hover" style="width:2000px;">
       <thead>
         <tr>
         <tr>
       </thead>
       <tbody>
         <tr>
         <tr>
       </tbody>
    </table>
</div>

在Css文件中，

.table-responsive 
{   
    width: 100%;
    /*width:2000px;*/
    margin-bottom: 15px;
    overflow-x: auto;   
    overflow-y: hidden;     
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #000000; 
}

这在Google Chrome中运行良好，如下图所示。

In chrome

但是在互联网浏览器中没有任何事情发生。

In internet explorer

Answer 1

将表格布局：固定到表格并将宽度应用于表格td＆＃39;然后你也会在IE中滚动

表滚动在IE中不起作用

1 个答案: