小编Dea*_*ite的帖子

如何在 Vuetify v-data-table 上对齐标题

我的桌子上的标题有一个奇怪的问题,有些标题与顶部对齐,但其他标题不对齐,我尝试了所有方法甚至对齐:“左”,但没有成功,这是我的问题的图片

在此处输入图片说明

我的代码是这样的:

*桌子:

<v-data-table :headers="header_data" :items="finalData" :search="search" u/click:row="showAlert">
                <template v-slot:item.aum="{ item }">
                    {{formatNumber(item.aum)}}
                </template>
            </v-data-table>
Run Code Online (Sandbox Code Playgroud)

和标题的数据:

header_data: [
                { text: 'Name', value: 'fund', align: 'start' },
                { text: 'Ticker', value: 'ticker', align: 'start' },
                { text: 'Asset Class', value: 'assetclass', align: 'start' },
                { text: 'Provider', value: 'issuer', align: 'start' },
                { text: 'Geographic Focus', value: 'region', align: 'start' },
                { text: 'Investment focus', value: 'focus', align: 'start' },
                { text: 'AUM (USD)', value: 'aum', align: 'start' },
            ]
Run Code Online (Sandbox Code Playgroud)

谢谢!

javascript css html-table vue.js vuetify.js

9
推荐指数
2
解决办法
7237
查看次数

标签 统计

css ×1

html-table ×1

javascript ×1

vue.js ×1

vuetify.js ×1