vue怎麼修改table行高

vue修改table行高的方法：1、開啟對應的vue檔；2、檢視表格樣式碼；3、透過修改「:row-style="{height:'20px'}" :cell -style="{padding:'0px'}"」中屬性值即可修改表格行高。

本教學操作環境：Windows10系統、Vue 3版、DELL G3電腦

vue怎麼修改table行高？

vue element UI el-table表格調整行高，及單元格內字體大小

說明：

     縮小：行高到一定程度之後不能縮小。好像最小35px。各位可以試試。

     升高：自己實際開發中沒試過最大多少，但行高的高度完全可以調到自己適合的高度。

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

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

主要是這兩句程式碼

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

推薦學習：《vue.js影片教學》

以上是vue怎麼修改table行高的詳細內容。更多資訊請關注PHP中文網其他相關文章！