Vue.js 如何修改Vue堆叠b表的样式?
我在bootstrap vue中使用了堆叠的b表Vue.js 如何修改Vue堆叠b表的样式?,vue.js,bootstrap-vue,Vue.js,Bootstrap Vue,我在bootstrap vue中使用了堆叠的b表 <b-modal :id="infoModal.id" :title="infoModal.title" hide-footer @hide="resetInfoModal;"> <pre> <b-table stacked sticky-header head-variant="light"
<b-modal :id="infoModal.id" :title="infoModal.title" hide-footer @hide="resetInfoModal;">
<pre>
<b-table stacked sticky-header head-variant="light" :items="infoModal.content" :fields="reviewFields"></b-table>
</pre>
<template>
<div class="overflow-auto">
<b-pagination-nav :link-gen="linkGen" :number-of-pages="10" use-router></b-pagination-nav>
</div>
</template>
</b-modal>
这是一个结果:
首先,我想将标记的基线向左移动
其次,表格中的内容超出了表格的大纲(红线)。我希望内容可以在表的固定列中滚动
如何获得这些效果?您可以在每列上设置样式
reviewFields: [
{ key: 'key0', label: 'label0', class: 'css-class' },
{ key: 'key1', label: 'label1', class: 'css-class' },
{ key: 'key2', label: 'label2', class: 'css-class' },
{ key: 'key3', label: 'label3', class: 'css-class' },
{ key: 'key4', label: 'label4', class: 'css-class' },
]