如何修改Vue堆叠式B表的样式?

问题描述

我在bootstrap-vue中使用了堆叠的b表。

   <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>

这是结果:

enter image description here

enter image description here

首先,我想将标记的基线向左移动。

第二,表中的内容超过了表的轮廓(红线)。我希望内容在表格的固定列中可滚动。

如何获得这些效果?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)