解決ele ui 表格表頭太長問題的實現(xiàn)
更新時間：2019年11月13日 14:50:02 作者：我只是一個渣渣
這篇文章主要介紹了解決ele ui 表格表頭太長問題的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
設計圖是這樣：
可是做出來是這樣：
出現(xiàn)了一行連著。。要知道工作上總有些ui沒事做喜歡指指點點。
后來翻查官方手冊發(fā)現(xiàn)了這個參數：
附上網址:https://element.eleme.cn/#/zh-CN/component/table
首先，我們要知道h是vue封裝的一個方法。叫$createelement,大意是創(chuàng)建一個節(jié)點（猜的，，沒辦法英語一級都沒考過.）,然后這方法返回一個column和index，column其實就是這一格子里面的東西。我們來打印看一下。
現(xiàn)在我的動態(tài)表頭里面添加這個方法：
打印column出來是這個格子里面的所有屬性。：
接著我們?yōu)榱藢崿F(xiàn)設計圖。要這樣寫方法:
細心的人會發(fā)現(xiàn)我的這表頭里面多了一個|的符號，其實是為了這方法用的
h是調用createelement這個方法，傳入這是一個div，接著樣式，最后利用split去分割這個字符串。添加一個div進行分割。樣式如下：
last,成雛形了。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
使用Bootstrap + Vue.js實現(xiàn)表格的動態(tài)展示、新增和刪除功能
這篇文章主要介紹了使用Bootstrap + Vue.js實現(xiàn)表格的動態(tài)展示、新增和刪除功能,需要的朋友可以參考下2017-11-11
關于el-form表單驗證中的validator與validate使用時的問題
這篇文章主要介紹了關于el-form表單驗證中的validator與validate使用時的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
vue2 mint-ui loadmore實現(xiàn)下拉刷新,上拉更多功能
這篇文章主要介紹了vue2 mint-ui loadmore實現(xiàn)下拉刷新,上拉更多功能,需要的朋友可以參考下2018-03-03
ElementUI組件Dialog彈窗再次打開表單仍顯示上次數據的問題
這篇文章主要介紹了ElementUI組件Dialog彈窗再次打開表單仍顯示上次數據的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要為大家介紹了分析總結20道Vue高頻面試題示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
組件的二次封裝：保留組件已有的功能,需要重寫組件方法,當組件已有大量功能時候,則需要重寫很多重復代碼,且組件功能進行修改的時候,封裝的組件也需要對應修改,從而造成許多開發(fā)和維護成本,本文給大家分享了Vue3實現(xiàn)組件二次封裝的小技巧,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了vue3響應式數據與watch屬性的相關知識，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05
這篇文章主要為大家介紹了vue3?hook重構DataV的全屏容器組件詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了詳解Element 指令clickoutside源碼分析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
本期將會介紹 Vue 中的 watch 偵聽器,它語法是怎么樣的呢？具有怎樣的功能呢？最后用模擬實現(xiàn)百度翻譯來更進一步練習 watch 偵聽器,需要的朋友可以參考下2024-11-11