關(guān)于Element?table組件滾動(dòng)條不顯示的踩坑記錄
更新時(shí)間：2022年08月27日 10:42:32 作者：達(dá)希_
這篇文章主要介紹了關(guān)于Element?table組件滾動(dòng)條不顯示的踩坑記錄，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
踩坑詳情
在多table切換的單個(gè)頁(yè)面內(nèi)
1、某些table的橫向滾動(dòng)條不自動(dòng)顯示，在手動(dòng)調(diào)整窗體大小或者進(jìn)行縮放操作時(shí)會(huì)恢復(fù)正常。
如：
2、某些table的橫向滾動(dòng)條顯示在表格的中部位置，在在手動(dòng)調(diào)整窗體大小或者進(jìn)行縮放操作以及表格中數(shù)據(jù)條目增加到滾動(dòng)條位置時(shí)會(huì)恢復(fù)正常。
如：
處理辦法
看了一下github上有很多類似的issue，但貌似沒(méi)有得到官方解決。
所以暫且認(rèn)為是個(gè)Bug。
- 情況1：
- 經(jīng)過(guò)簡(jiǎn)單測(cè)試，發(fā)現(xiàn)滾動(dòng)條向上偏移的距離和表格的列數(shù)有關(guān)，列數(shù)減少到12列左右就可恢復(fù)正常。（P.S. 有很大的可能是列的總寬度和頁(yè)面大小存在一定關(guān)系，這里說(shuō)的12列是我所測(cè)試的特定環(huán)境下的合適值，由于時(shí)間原因沒(méi)有深入研究，所以僅供參考）
- 情況2：
- 也是簡(jiǎn)單測(cè)試，發(fā)現(xiàn)如果存在標(biāo)題較長(zhǎng)的列，發(fā)生了換行，如上所示的“標(biāo)題很長(zhǎng)很長(zhǎng)很長(zhǎng)的測(cè)試列”，就會(huì)出現(xiàn)前文所述的現(xiàn)象，處理方法是，增加該列的寬度，使其不需要換行，即可恢復(fù)正常。
因?yàn)闇y(cè)試簡(jiǎn)單，也沒(méi)有研究源碼，所以得出的結(jié)論簡(jiǎn)單且武斷。
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
elementui+vue+axios實(shí)現(xiàn)文件上傳本地服務(wù)器
這篇文章主要為大家詳細(xì)介紹了elementui+vue+axios實(shí)現(xiàn)文件上傳本地服務(wù)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
詳解vue表單驗(yàn)證組件 v-verify-plugin
本篇文章主要介紹了詳解vue表單驗(yàn)證組件 v-verify-plugin，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
vue實(shí)現(xiàn)一個(gè)簡(jiǎn)單的分頁(yè)功能實(shí)例詳解
這篇文章主要介紹了vue實(shí)現(xiàn)一個(gè)簡(jiǎn)單的分頁(yè)功能,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue3中的createApp分析,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04
今天小編就為大家分享一篇淺談vuex中store的命名空間，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
Vue實(shí)現(xiàn)父子組件傳值其實(shí)不難
這篇文章主要介紹了Vue實(shí)現(xiàn)父子組件傳值其實(shí)不難問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
Vue使用Cropper實(shí)現(xiàn)圖片裁剪功能
圖片裁剪功能無(wú)論是用戶頭像的裁剪,還是圖片內(nèi)容的精確調(diào)整,都成為了提升用戶體驗(yàn)的關(guān)鍵一環(huán),本文將詳細(xì)介紹如何在Vue.js項(xiàng)目中集成并使用Cropper.js實(shí)現(xiàn)一個(gè)強(qiáng)大的圖片裁剪組件,需要的可以參考下2024-11-11
vue如何使用媒體查詢實(shí)現(xiàn)響應(yīng)式
這篇文章主要介紹了vue如何使用媒體查詢實(shí)現(xiàn)響應(yīng)式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue.js最佳實(shí)踐(五招助你成為vuejs大師)
這篇文章主要介紹了Vue.js最佳實(shí)踐,本文主要面向?qū)ο笫怯幸欢╲ue.js 編輯經(jīng)驗(yàn)的開(kāi)發(fā)者，需要的朋友可以參考下2018-05-05
vue關(guān)于點(diǎn)擊詳情頁(yè)面keep-alive的緩存問(wèn)題
這篇文章主要介紹了vue關(guān)于點(diǎn)擊詳情頁(yè)面keep-alive的緩存問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06