我有一个bootstrap-vue表,看起来像这样;
以下是代码;
<template>
<div>
<b-table hover :items="items"></b-table>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{ age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },
{ age: 21, first_name: 'Larsen', last_name: 'Shaw' },
{
age: 89,
first_name: 'Geneva',
last_name: 'Wilson',
_rowVariant: 'danger'
},
{
age: 40,
first_name: 'Thor',
last_name: 'MacDonald',
_cellVariants: { age: 'info', first_name: 'warning' }
},
{ age: 29, first_name: 'Dick', last_name: 'Dunlap' }
]
}
}
}
</script>
假设该表有很多行.我希望固定顶部标题行,以便在向下滚动表时,显示列名的标题行保留在顶部.这使表格更具可读性.
Bootstrap-VUE文档中提供了表代码.
https://bootstrap-vue.org/docs/components/table个
我使用的是Vue V2.6和BootstrapVue.