gpt4 book ai didi

vue.js - 表格列中的居中复选框

转载 作者:行者123 更新时间:2023-12-03 06:44:25 26 4
gpt4 key购买 nike

我试图将复选框置于表格列的中心,但没有成功。无论我使用什么对齐方式,复选框总是左对齐。奇怪的是,如果我为 v-btn 更改 v-checkbox,相同的代码仍然有效。这个问题有什么解决办法吗?

https://codepen.io/anon/pen/QVqqVP

这里是简单的 View 代码:

<div id="app">
<v-app>
<v-content>
<v-container>
<v-data-table :items="apps" :headers="headers" hide-actions class="elevation-1">
<template slot="items" slot-scope="props">
<td class="text-xs-left">
<h6 class="mb-0">{{props.item.app_name}}</h6>
</td>
<td class="text-xs-center">
<v-checkbox color="primary"/>
</td>
</template>
</v-data-table>
</v-container>
</v-content>
</v-app>
</div>

这里是 Vue 应用程序:

new Vue({
el: '#app',
data: () => ({
apps: [{'app_name':"row1"}, {'app_name':"row2"}]
})
})

最佳答案

我找到了 Vue 2.6.10 的解决方案

<td class="text-xs-center">
<v-checkbox :input-value="props.item.closed" readonly hide-details class="align-center justify-center"></v-checkbox>
</td>

添加

class="align-center justify-center"

勾选复选框就可以了

关于vue.js - 表格列中的居中复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52208956/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com