沃盼盼 发表于 昨天 17:44

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]
查看完整版本: vxe-table 如何设置单元格垂直对齐