Question

我正在使用滚动条创建简单的html表，问题是在IE滚动条中不可见，并且表正在扩展到全高。请找到小提琴http://jsfiddle.net/7t9qkLc0/53/，它适用于FF和chrome，但不适用于IE。请建议在IE中查看表格中的滚动条要做哪些更改。以下是示例代码：

<table>
    <tr>
    <td>
    <table cellpadding="0px" cellspacing="0px" height="100px">
     <tr>
     <td colspan="3"  style="vertical-align: top;">
        <table class="myTable" border="1" height="95px">
        <tr><th><B>Column1 </B></th></tr>
    <tr> 
        <td> Data1
    </td></tr>

  <tr> 
    <td> Data2
    </td></tr>

<tr> 
    <td> Data3
    </td></tr>
 <tr> 
    <td> Data4
     </td></tr>

<tr> 
        <td> Data5
     </td></tr>

<tr> 
        <td> Data6
     </td></tr> <tr> 
        <td> Data7
     </td></tr>

<tr> 
        <td> Data8
    </td></tr>

<tr> 
            <td> Data9
    </td></tr>  
<tr> 
        <td> Data10
     </td></tr>

<tr> 
    <td> Data11
        </td></tr>

<tr> 
        <td> Data12
        </td></tr>

    </table>

Answer 1

你在表格中使用表格，这不是必要的，也不是好习惯。相反，将表放在具有固定高度的父容器中，并将其设置为滚动。

<div class="tableHolder">
    <table class="myTable">
        <!-- table code -->
    </table>
</div>

.tableHolder {
    height: 95px;
    overflow-y: scroll;   
    display: inline-block;
    border: 1px inset #000;
}
.myTable th, .myTable td{
    border: 1px inset #000;
}

这是一个修改过的小提琴：http://jsfiddle.net/ey6x6549/

表滚动条在IE中不起作用

1 个答案: