LigerUI可編輯表格左下角出現白色小方塊遮罩層問題解決辦法

來源:互聯網
上載者:User

LigerUI已經研究了一段時間,總體感覺還不錯,基於jQuery開發,架構提供了豐富的UI組件,尤其LigerUI表格,功能還是挺強大的

在使用LigerUI可編輯表格的時候,發現一個小小的問題


當資料沒有填充滿表格的時候,展現效果沒有什麼問題



如果資料填充滿表格,行數達到最大,表格左下角就會出現白色小方塊遮罩層


發現問題之後,就在qq群裡求助,結果沒有找到答案……


後來自己又研究了一下,終於找到了問題的原因,問題解決後的效果如下:

雖然資料行已經佔滿了整個表格,但是左下角卻沒有出現白色小方塊遮罩層


問題分析:

之前指定了LigerUI表格的height值,如果資料沒有填充滿表格,表格最後就會出現空白行,如果資料填充滿表格,表格左下角就會出現白色小方塊遮罩層;

而不指定LigerUI表格的height值的時候,如果資料沒有填充滿表格,表格最後不會出現空白行,並且表格高度自適應,如果資料填充滿表格,表格左下角也不會出現白色小方塊遮罩層。


==================================華麗的分割線==================================


別以為這樣問題就徹底解決了,後來又發現一個新的問題


表格內一行資料也沒有,頂端和底端挨在一起了,並不是程式出現了問題,是真的沒有資料,不信,看看右下角的資料條數


理想的效果應該是這樣的


雖然也沒有資料,但是頂端和底端沒有挨在一起,中間可以有空白地區


問題分析:

如果不指定LigerUI表格height的值,沒有資料的時候,表格頂端和底端就會挨在一起(因為LigerUI表格預設的isScroll值為true,會自動適應高度),為瞭解決這個問題,又必須指定height的值,但是如果出現了白色小方塊遮罩層的問題,又必須去掉height值。


這個問題真有些像先有雞還是先有雞蛋的問題……


如果在前台接收到資料之後,表格展現資料之前,能夠根據接收到的資料條數是否為0動態設定isScroll的值,就能最終解決這個問題了。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.