vue修改table行高的方法：1、打開(kāi)相應(yīng)的vue文件；2、查看表格樣式代碼；3、通過(guò)修改“:row-style="{height:'20px'}" :cell-style="{padding:'0px'}"”中屬性值即可修改表格行高。

本教程操作環(huán)境：Windows10系統(tǒng)、Vue 3版、DELL G3電腦

vue怎么修改table行高？

vue element UI el-table表格調(diào)整行高，及單元格內(nèi)字體大小

說(shuō)明：

縮?。盒懈叩揭欢ǔ潭戎蟊悴荒芸s小。 好像最小35px。各位可以試一下。

升高：本人實(shí)際開(kāi)發(fā)中沒(méi)試過(guò)最大多少，但行高的高度完全可以調(diào)到自己適合的高度。

 <el-table     :row-style="{height:'20px'}"     :cell-style="{padding:'0px'}"     style="font-size: 10px">  </el-table>

cell-style="padding:0"這列可以不用加。 這是我在縮小高度時(shí)，縮小到最小高度不能再縮時(shí)才加的。

主要是這兩句代碼

:row-style="{height:'20px'}" :cell-style="{padding:'0px'}"

推薦學(xué)習(xí)：《vue.js視頻教程》