el-table表格头筛选标签过小如何修改
时间: 2023-10-18 19:29:22 浏览: 107
改变el-table宽度
5星 · 资源好评率100%
你可以通过以下方式修改el-table表格头筛选标签的大小:
1. 使用CSS修改表头筛选标签的大小。可以通过修改以下CSS代码来实现:
```
.el-table__header th .caret-wrapper {
font-size: 16px;
}
```
2. 修改el-table的默认筛选菜单组件。可以通过以下代码来修改:
```javascript
<el-table-column prop="name" label="姓名">
<template slot="header">
<span class="my-custom-header">
姓名
<i class="el-icon-arrow-down"></i>
</span>
</template>
</el-table-column>
```
在该代码中,我们使用了一个自定义的表头组件`my-custom-header`,并在其中设置了自定义的字体大小。同时,我们也可以在其中设置自定义的筛选菜单组件,以达到更好的视觉效果。
阅读全文