Vue vxe-table使用問題收錄小結(jié)
1、調(diào)整 vxe-table 表格(表頭)排序箭頭的位置
element-ui中el-table的排序上下箭頭間距比較小
而vxe-table的排序默認(rèn)樣式下上下箭頭間距比較大
如果在同一個(gè)頁面內(nèi)同時(shí)使用了el-table 和 vxe-table,這兩個(gè)排序箭頭會(huì)明顯的不同,此時(shí)建議調(diào)整vxe-table的箭頭高度。
用深度選擇器
::v-deep .vxe-sort--asc-btn { top: 0px; } ::v-deep .vxe-sort--desc-btn { top: 7px; }
調(diào)整后的樣式如下,和el-table的上下箭頭間距基本一致。
2、調(diào)整 vxe-grid 設(shè)置rowConfig: {height: 60} 不生效
vxe-table的版本低了,升級(jí)一下。
vue2項(xiàng)目,對(duì)應(yīng)的是vxe-table v3+版本
設(shè)置rowConfig: {height: 60} 不生效。height這個(gè)屬性沒有標(biāo)明版本,按說是全版本支持,但是當(dāng)時(shí)項(xiàng)目用的3.3.x版本確實(shí)不生效。 而后升級(jí)到了@3的最新版本3.6.13,這個(gè)屬性就生效了。
以上就是Vue vxe-table使用問題收錄小結(jié)的詳細(xì)內(nèi)容,更多關(guān)于Vue vxe-table使用的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
iview-table組件嵌套input?select數(shù)據(jù)無法雙向綁定解決
這篇文章主要為大家介紹了iview-table組件嵌套input?select數(shù)據(jù)無法雙向綁定解決示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09如何通過Vue自定義指令實(shí)現(xiàn)前端埋點(diǎn)詳析
埋點(diǎn)分析是網(wǎng)站分析的一種常用的數(shù)據(jù)采集方法,下面這篇文章主要給大家介紹了關(guān)于如何通過Vue自定義指令實(shí)現(xiàn)前端埋點(diǎn)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07element ui loading加載開啟與關(guān)閉方式
這篇文章主要介紹了element ui loading加載開啟與關(guān)閉方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08vue中各選項(xiàng)及鉤子函數(shù)執(zhí)行順序詳解
今天小編就為大家分享一篇vue中各選項(xiàng)及鉤子函數(shù)執(zhí)行順序詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08vue修改props數(shù)據(jù)報(bào)錯(cuò)的問題及解決
這篇文章主要介紹了vue修改props數(shù)據(jù)報(bào)錯(cuò)的問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08laravel+vue組合的項(xiàng)目中引入ueditor方式(打包成組件形式)
今天小編就為大家分享一篇laravel+vue組合的項(xiàng)目中引入ueditor方式(打包成組件形式),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11