【问题标题】:How can I modify style of Vue stacked b-table?如何修改 Vue 堆叠 b 表的样式?
【发布时间】:2020-12-31 17:55:22
【问题描述】:

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

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

这是结果:

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

其次,表格中的内容超出表格的轮廓(红线)。我希望内容可以在表格的固定列中滚动。

我怎样才能得到这些效果?

【问题讨论】:

    标签: vue.js bootstrap-vue


    【解决方案1】:

    您可以在每一列上设置样式

    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' },
    ]
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-07-08
      • 2020-07-15
      • 2011-12-13
      • 1970-01-01
      • 2018-11-28
      • 2019-08-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多