LigerUI已經研究了一段時間,總體感覺還不錯,基於jQuery開發,架構提供了豐富的UI組件,尤其LigerUI表格,功能還是挺強大的
在使用LigerUI可編輯表格的時候,發現一個小小的問題
當資料沒有填充滿表格的時候,展現效果沒有什麼問題
如果資料填充滿表格,行數達到最大,表格左下角就會出現白色小方塊遮罩層
發現問題之後,就在qq群裡求助,結果沒有找到答案……
後來自己又研究了一下,終於找到了問題的原因,問題解決後的效果如下:
雖然資料行已經佔滿了整個表格,但是左下角卻沒有出現白色小方塊遮罩層
問題分析:
之前指定了LigerUI表格的height值,如果資料沒有填充滿表格,表格最後就會出現空白行,如果資料填充滿表格,表格左下角就會出現白色小方塊遮罩層;
而不指定LigerUI表格的height值的時候,如果資料沒有填充滿表格,表格最後不會出現空白行,並且表格高度自適應,如果資料填充滿表格,表格左下角也不會出現白色小方塊遮罩層。
==================================華麗的分割線==================================
別以為這樣問題就徹底解決了,後來又發現一個新的問題
表格內一行資料也沒有,頂端和底端挨在一起了,並不是程式出現了問題,是真的沒有資料,不信,看看右下角的資料條數
理想的效果應該是這樣的
雖然也沒有資料,但是頂端和底端沒有挨在一起,中間可以有空白地區
問題分析:
如果不指定LigerUI表格height的值,沒有資料的時候,表格頂端和底端就會挨在一起(因為LigerUI表格預設的isScroll值為true,會自動適應高度),為瞭解決這個問題,又必須指定height的值,但是如果出現了白色小方塊遮罩層的問題,又必須去掉height值。
這個問題真有些像先有雞還是先有雞蛋的問題……
如果在前台接收到資料之後,表格展現資料之前,能夠根據接收到的資料條數是否為0動態設定isScroll的值,就能最終解決這個問題了。