jqgrid自動換行


JQGrid表頭自動換行的辦法:

如果table的header部分字段太多或字段文字太長需要自動換行時,可嘗試如下css。

<style type="text/css" media="screen">
    th.ui-th-column div{
        white-space:normal !important;
        height:auto !important;
        padding:0px;
    }

然后在文字中需要換行的地方加空格,這樣就能實現自動換行了。

 

單元格內的文本自動換行 :

加入樣式:

.<style>
.ui-jqgrid tr.jqgrow td {
   white-space: normal !important;
   height:auto;
   vertical-align:text-top;
   padding-top:2px;
 }
</style>

注意:這種設置無法讓長英文字母或數字自動換行,例如:wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww.txt

(IE瀏覽器)連續的英文字符和阿拉伯數字,需使用word-wrap : break-word ;或者word-break:break-all;實現強制斷行,即:

<style>
.ui-jqgrid tr.jqgrow td {
  white-space: normal !important;
  height:auto;
  vertical-align:text-top;
  padding-top:2px;
  word-break:break-all;
 }
</style>

(Firefox瀏覽器)連續的英文字符和阿拉伯數字的斷行,Firefox的所有版本還沒有解決這個問題,我們只有讓超出邊界的字符隱藏或者,給容器添加滾動條

轉自http://blog.csdn.net/zhengxiangwen/article/details/9120215


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM