Answers for "fixed table header bootstrap design"

CSS
7

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;
}
Posted by: Guest on February-22-2021
6

table bootstrap with scrool

<div style="height: 600px;overflow: scroll;">
<!-- change height to increase the number of visible row  -->
	<table></table>
</div>
Posted by: Guest on June-15-2020

Code answers related to "fixed table header bootstrap design"

Browse Popular Code Answers by Language