easyui datagrid 沒資料時顯示捲軸的解決方案

來源:互聯網
上載者:User

今天解決了一個bug,因為datagrid有多列,可是當沒有資料的時候,後面的列無法通過捲軸拉動來顯示,比較麻煩,而需求要求沒有資料也要拉動捲軸查看後面有什麼列,一開始在網上找了一些資料,發現都不可以,有一個實現產生空的table,也就是資料行,然後將其隱藏。


後來查看了一下,easyui datagrid中顯示資料的地區是一個div,沒有資料的時候沒有捲軸,當時想找一些當div中內容為空白,用js產生捲軸,並且控制捲軸的長短,都找不到。


使用產生資料行,然後隱藏的方式會導致沒有資料的時候,其pagination也會顯示有一條資料,而且當有資料的時候,資料不顯示了,後來想到一種方法,擷取其總的標題列的寬度(標題列是<td>標籤,外層是<tr>標籤,也就是<tr>標籤的寬度),然後在顯示資料的div中加入一個div,讓其寬度與其總的標題列的寬度一樣,然後然div的border為0px,也就是不顯示出來(或者可以隱藏),就有捲軸,也不會導致有資料時無法顯示資料,沒資料的時候pagination不會顯示有一條資料。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.