Boostrap响应表在“表”内没有响应

Question

我在div中有一个响应表，显示为表

示例代码：

<div class="mytable">
    <div class="mycolumn">
        <div class="table-responsive">
            <table class="table table-bordered">
                .....
            </table>
        </div>
    </div>
</div>
<style>
.mytable{
    display: table;
    width: 90%;
    border: 1px solid red;
}
.mycolumn{
    display: table-cell;
}
</style>

http://jsfiddle.net/6L6owp7x/

问题是响应表在“table”div内部根本没有响应。我怎样才能让它响应？

Answer 1

最快捷的方法之一是设置td，{宽度：1％}我认为你不想在里面找一个响应表我认为你想要一个合理的表，那里有一些如何在那里如何要做到这一点。请记住，bootstrap在某些断点处设置宽度，因此较小的断点在没有媒体查询的情况下不会对此做出响应。

Answer 2

我有同样的问题。我尝试了引导程序的表响应类，它起作用了。这是一个示例

https://mdbootstrap.com/docs/jquery/tables/responsive/