horizontal scroll table bootstrap 4 code example
Example 1: table bootstrap with scrool
<div style="height: 600px;overflow: scroll;">
<!-- change height to increase the number of visible row -->
<table></table>
</div>
Example 2: how to set the scroll in bootstrap4 table body
table {
display: flex;
flex-flow: column;
width: 100%;
}
thead {
flex: 0 0 auto;
}
tbody {
flex: 1 1 auto;
display: block;
overflow-y: auto;
overflow-x: hidden;
}
tr {
width: 100%;
display: table;
table-layout: fixed;
}