1. 程式人生 > >實習總結第七談-----------vue中element-ui的表格行高怎麼控制

實習總結第七談-----------vue中element-ui的表格行高怎麼控制

依舊在我負責的當前專案中舉例子:

我的表格要求是一頁只顯示10條資料,且縱向不能產生滾動條,這樣就意味著不能設定表格的整體高度來控制,那樣會會產生滾動條,要麼在表格縱向產生滾動條,要麼在螢幕縱向產生滾動條,這時候我就想到了控制表格每一行的高度降低,就不會 十條資料就產生滾動條了,方法如下:

一:定義一個table表格的style 的回撥方法,如圖

該方法是element外掛中的文件有的固定方法

二:將該方法繫結在要控制行高的表格上:

在表格頭部繫結控制行高的函式

三:表格行高被控制後的效果圖:

控制行高的效果圖,沒有產生滾動條

溫馨提示:                                                                         

我,作為一個神奇的喵系女孩,雖然反射弧稍微遲緩的長那麼一點點,但,我必定是一隻不容置疑的程式媛大佬!

你可以嘲笑我技術菜,但,你必須告訴我哪裡錯了,為什麼錯?

安靜的等待本媛的下一篇實習總結吧!