vue element UI el-table表格中行的行高和字体大小调整
行高调整
Element官网组件Table中size属性可以更改
如果上面的方法无法满足对行高的要求
使用:
:row-style="{height:'80px'}"
好像可以无限升高,缩小本人测试的最小是80px.各位可以自行测试
:cell-style="{padding:'0px'}"
这句代码比上一句代码缩小范围更大,常用这个
字体大小调整:
style="font-size: 10px
使用方法:在el-table标签内直接更改
<el-table size:mini/small/medium; :row-style="{height:'20px'}"; :cell-style="{padding:'0px'}"; style="font-size: 10px">
以上可以组合使用,也可以单句使用,具体看自身需求