沃盼盼 发表于 2025-6-6 17:44:50

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

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

盒礁泅 发表于 2025-10-28 16:30:29

yyds。多谢分享

秦晓曼 发表于 2026-1-2 18:39:24

这个有用。

猷浮 发表于 2026-1-15 10:21:01

这个好,看起来很实用

骆贵 发表于 2026-1-17 22:29:57

收藏一下   不知道什么时候能用到

讲怔 发表于 2026-1-20 21:03:58

这个有用。

绘纵 发表于 2026-1-21 01:04:03

感谢分享,下载保存了,貌似很强大

瘴锲如 发表于 2026-1-21 15:22:54

鼓励转贴优秀软件安全工具和文档!

艾晓梅 发表于 2026-1-21 17:56:23

喜欢鼓捣这些软件,现在用得少,谢谢分享!

倡粤 发表于 2026-1-26 08:38:56

感谢,下载保存了

尸酒岐 发表于 2026-1-26 10:59:06

鼓励转贴优秀软件安全工具和文档!

劳暄美 发表于 2026-1-28 03:45:45

热心回复!

庇床铍 发表于 2026-1-28 05:17:35

很好很强大我过来先占个楼 待编辑

万妙音 发表于 2026-1-29 03:03:15

谢谢楼主提供!

涂流如 发表于 2026-2-2 03:47:53

感谢分享,学习下。

全叶农 发表于 2026-2-4 07:54:51

这个好,看起来很实用

粹脍誊 发表于 2026-2-8 11:36:43

感谢分享

粹脍誊 发表于 2026-2-10 06:11:24

分享、互助 让互联网精神温暖你我

董绣梓 发表于 2026-2-10 13:25:25

过来提前占个楼

荦绅诵 发表于 2026-2-11 03:00:50

谢谢分享,辛苦了
页: [1] 2
查看完整版本: vxe-table 如何设置单元格垂直对齐