自举响应表是“表”内不响应(Boostrap responsive table is not res

我有格内响应表显示为表

示例代码：

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

问题是，该响应表不敏感，当“表” DIV中的。 我怎样才能得到它的响应？

Answer 1:

其中一个最快捷的方法是设置TD，TH {宽度：1％}我不认为你正在寻找一个负责任的表，我在想你想有一个合理的表，其中有一些如何TOS那里该怎么做。 记住引导在一定的破发点上这些设置宽度，以便较小的断点不会没有媒体查询上对此作出回应。

Answer 2:

我有同样的问题。 我想表响应级引导的，它的工作这里有一个例子

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

文章来源: Boostrap responsive table is not responsive inside a “table”