首頁 > web前端 > 前端問答 > vue怎麼修改table行高

vue怎麼修改table行高

藏色散人
發布: 2023-01-31 16:11:43
原創
4449 人瀏覽過

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

vue怎麼修改table行高

本教學操作環境: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:&#39;20px&#39;}"
:cell-style="{padding:&#39;0px&#39;}"
登入後複製

推薦學習:《vue.js影片教學

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板