Vue vxe-table使用問題收錄小結(jié)
1、調(diào)整 vxe-table 表格(表頭)排序箭頭的位置
element-ui中el-table的排序上下箭頭間距比較小

而vxe-table的排序默認樣式下上下箭頭間距比較大

如果在同一個頁面內(nèi)同時使用了el-table 和 vxe-table,這兩個排序箭頭會明顯的不同,此時建議調(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 設置rowConfig: {height: 60} 不生效
vxe-table的版本低了,升級一下。
vue2項目,對應的是vxe-table v3+版本

設置rowConfig: {height: 60} 不生效。height這個屬性沒有標明版本,按說是全版本支持,但是當時項目用的3.3.x版本確實不生效。 而后升級到了@3的最新版本3.6.13,這個屬性就生效了。
以上就是Vue vxe-table使用問題收錄小結(jié)的詳細內(nèi)容,更多關于Vue vxe-table使用的資料請關注腳本之家其它相關文章!
相關文章
iview-table組件嵌套input?select數(shù)據(jù)無法雙向綁定解決
這篇文章主要為大家介紹了iview-table組件嵌套input?select數(shù)據(jù)無法雙向綁定解決示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-09-09
laravel+vue組合的項目中引入ueditor方式(打包成組件形式)
今天小編就為大家分享一篇laravel+vue組合的項目中引入ueditor方式(打包成組件形式),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11

