显示块在IE中不起作用

Question

我在rails 4应用程序中使用Bootstrap Table响应。

我有一个如下表结构：

<DIV class=table-responsive>
        <TABLE style="display: block" id=data class="table table-striped table-hover" cellSpacing=0 cellPadding=0>
            <THEAD>
            <TR>
            <TH> 1 </TH>
            <TH> 2 </TH>
            <TH> 3 </TH>
            <TH> 4 </TH>
            <TH> 5 </TH>  
            <TH> 6 </TH>    
            <TH> 7 </TH>    
            <TH> 8 </TH>    
            <TH> 9 </TH>    
            <TH> 10 </TH>
            </TR>
            </THEAD>
            <TBODY>
                <TR class=row0>
                    <TD>a</TD>
                    <TD>b</TD>
                    <TD>c</TD>
                    <TD>d</TD>
                    <TD>e</TD>
                    <TD>f</TD>
                    <TD>g</TD>
                    <TD>h</TD>
                    <TD>i </TD>
                    <TD>j</TD>
                </TR>
                <TR class=row0>
                    <TD>a</TD>
                    <TD>b</TD>
                    <TD>c</TD>
                    <TD>d</TD>
                    <TD>e</TD>
                    <TD>f</TD>
                    <TD>g</TD>
                    <TD>h</TD>
                    <TD>i </TD>
                    <TD>j</TD>
                </TR>
                <TR class=row0>
                    <TD>a</TD>
                    <TD>b</TD>
                    <TD>c</TD>
                    <TD>d</TD>
                    <TD>e</TD>
                    <TD>f</TD>
                    <TD>g</TD>
                    <TD>h</TD>
                    <TD>i </TD>
                    <TD>j</TD>
                </TR>
                ...
            </TBODY>

        </TABLE>
    </DIV>

当标题数量达到5以上时，我在上表中添加了显示块，它可以在Chrome中运行，并在Chrome的右端创建一个漂亮的Scroll。

当我在IE中运行相同页面时，显示块被添加到表中，但视图中没有变化，右端没有滚动，高度也没有降低。      请就此提出建议。