Is there a way to display the scrolling of a Bootstrap table using a flex container? https://getbootstrap.com/docs/4.4/content/tables/#responsive-tables
I am looking for the JSFiddle example with DIV elements. Removing the display:flex from .flex_container allows scrolling to appear in low resolutions when resizing the browser, but I cannot change the structure - I specifically need those DIV elements.
Does anyone have any ideas? (JSFiddle example)
Thank you.
https://jsfiddle.net/fekula/49by5oL3/4/
<style>
.flex_container {
display: flex;
position: relative;
margin: 0 10px;
background: Red;
}
#main {
padding: 10px;
color: #000;
background: #fff;
flex-grow: 1;
position: relative;
}
</style>