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;
}

Tags:

Css Example