I have a div containing a b-table that I need help adjusting the height for. I want to make the table scrollable with a fixed header. Can anyone assist me? Here is my code:
Code inside the template:
<div class="tbl-barangay">
<b-table striped hover :items="items" :fields="fields">
<template v-slot:cell(name)="data">
<router-link to="/destination">{{ data.value }}</router-link>
</template>
<template v-slot:cell(completeaddress)="data">
{{ data.item.address.street }}, {{ data.item.address.city }}
</template>
</b-table>
</div>
Scoped style:
.tbl-barangay {
height: 150px !important;
}