vxe-table表头行高
时间: 2024-05-27 13:07:01 浏览: 354
vxe-table是一个基于Vue.js的表格组件库,可以提供强大的表格功能和灵活的定制化选项。其中,表头行高是指表格头部每一行的高度。
在vxe-table中,可以通过设置表头的height属性来控制表头行高。如果需要不同的表头行高,可以将height设置为一个数组,数组中的每个元素分别对应每一行的高度值。例如:
```html
<vxe-table :data="tableData">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name"></vxe-table-column>
<vxe-table-column field="age" title="Age"></vxe-table-column>
<vxe-table-column field="address" title="Address"></vxe-table-column>
<vxe-table-column field="phone" title="Phone"></vxe-table-column>
<vxe-table-column field="email" title="Email"></vxe-table-column>
<vxe-table-header-row :height="[50, 30]" slots="header-row"></vxe-table-header-row>
</vxe-table>
```
上述代码中,vxe-table-header-row的height属性被设置为一个数组,其中第一行的高度为50,第二行的高度为30。这样就可以实现不同行高的表头。
阅读全文
相关推荐


















