Html 如何调整引导vue表的高度并使其具有固定标题的滚动

Html 如何调整引导vue表的高度并使其具有固定标题的滚动,html,css,vue.js,bootstrap-4,bootstrap-vue,Html,Css,Vue.js,Bootstrap 4,Bootstrap Vue,我有一个带b桌的沙发。 我想调整表格的高度,并使其可滚动固定标题。 请找个人帮忙。 这是我的密码 以下是模板内部的代码: {{data.value}} {{data.item.address.street},{{data.item.address.city} 以下是我的范围样式: .tbl barangay{ 高度:150px!重要; } 因此,要使其可滚动-将此pass-the-responsive-prop添加到b-table标记中。e、 g: 对于水平滚动: <b-table r

我有一个带b桌的沙发。 我想调整表格的高度,并使其可滚动固定标题。 请找个人帮忙。 这是我的密码

以下是模板内部的代码:


{{data.value}}
{{data.item.address.street},{{data.item.address.city}
以下是我的范围样式:

.tbl barangay{
高度:150px!重要;
}

因此,要使其可滚动-将此pass-the-responsive-prop添加到
b-table
标记中。e、 g:
对于水平滚动:

<b-table responsive :items="items"></b-table>
假设您在
项中定义了一些数据

对于固定标题:只需将
fixed
元素传递给
标记,例如:

 <b-table fixed responsive :items="items" :fields="fields" ... > 

更多信息:请访问此

确保您使用的是最新版本的BootstrapVue(当前版本为2.0.1)。注意
fixed
不是用于将标题“固定”到顶部,而是用于生成表的
fixed布局
(使所有列的宽度相同)
 <b-table fixed responsive :items="items" :fields="fields" ... > 
sticky-header="200px"