vxe-table修改单元格高度的几种方式

vxe-table修改单元格高度的几种方式，在开发项目时，有时默认的表格高度不能满足需求，这时候就可以调整默认的单元格高度。
查看官网：https://vxetable.cn
gitbub：https://github.com/x-extends/vxe-table
gitee：https://gitee.com/x-extends/vxe-table

1. npm install vxe-table@4.13.0

复制代码

1. // ...
2. import VxeUITable from 'vxe-table'
3. import 'vxe-table/lib/style.css'
4. // ...
6. createApp(App).use(VxeUITable).mount('#app')
7. // ...

复制代码

内置的 size 修改

可以设置大小尺寸：medium / small / mini

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
4.   
5. </template>

复制代码

css 变量修改

支持全局或者局部修改

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
4.   
5. </template><template>
6.   
7.     <vxe-grid v-bind="gridOptions"></vxe-grid>
8.   
9. </template><template>
10.   
11.     <vxe-grid v-bind="gridOptions"></vxe-grid>
12.   
13. </template><template>
14.   
15.     <vxe-grid v-bind="gridOptions"></vxe-grid>
16.   
17. </template><template>
18.   
19.     <vxe-grid v-bind="gridOptions"></vxe-grid>
20.   
21. </template>

复制代码

通过 cell-config 配置项修改

配置 cell-config.height

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
4.   
5. </template>

复制代码

https://gitee.com/x-extends/vxe-table

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