vxe-table 如何设置单元格垂直对齐
vxe-table 如何设置单元格垂直对齐,当某写场景需要将单元格样式调整为顶部对齐就很有用了,比如多行文本之类的。查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
代码
通过 cell-config.height 与 cell-config.vertical-align 设置所有列或指定列垂直对齐方式,默认为垂直居中
<template>
<vxe-radio-group v-model="cellConfig.verticalAlign">
<vxe-radio-button label="top" content="顶部"></vxe-radio-button>
<vxe-radio-button label="center" content="居中"></vxe-radio-button>
</vxe-radio-group>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</template>合并单元格也能垂直对齐
指定列 vertical-align 设置垂直对齐方式
<template>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</template>https://gitee.com/x-extends/vxe-table
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页:
[1]