响应表和显示flex（Bootstrap）

Question

如何使用flex容器显示Bootstrap表的滚动？ https://getbootstrap.com/docs/4.4/content/tables/#responsive-tables

我需要JSFiddle示例的DIVS。如果我删除了.flex_container的display：flex并调整了浏览器的大小，那么它会起作用，在低分辨率下显示为滚动，但是我无法更改结构，我需要那个DIV。

有什么主意吗？ （JSFiddle示例）

谢谢。

https://jsfiddle.net/fekula/49by5oL3/4/

TransactionManager

Answer 1

将max-width: 100%添加到#main中以获取表格的滚动条：

#main {
    padding: 10px;
    color: #000;
    background:
    #fff;
    flex-grow: 1;
    position: relative;

    // add this:
    max-width: 100%;
}

https://jsfiddle.net/m0aonz2k/