找回密码
 立即注册
首页 资源区 代码 vxe-table 如何设置单元格垂直对齐

vxe-table 如何设置单元格垂直对齐

沃盼盼 昨天 17:44
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 设置所有列或指定列垂直对齐方式,默认为垂直居中
1.png
  1. <template>
  2.   
  3.     <vxe-radio-group v-model="cellConfig.verticalAlign">
  4.       <vxe-radio-button label="top" content="顶部"></vxe-radio-button>
  5.       <vxe-radio-button label="center" content="居中"></vxe-radio-button>
  6.     </vxe-radio-group>
  7.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  8.   
  9. </template>
复制代码
合并单元格也能垂直对齐

指定列 vertical-align 设置垂直对齐方式
2.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册