jqgrid dài gói văn bản

Question

Trong jqgrid chúng tôi có văn bản dài nhận được từ DB, nhưng cần phải bọc trong khi hiển thị trong JQgrid, có cách nào để bọc văn bản dài (với bất kỳ không gian)? Chúng tôi chỉ có 110px để dự phòng cho trường tên người nhận thanh toán vì chúng tôi có nhiều cột cần được hiển thị. Mã của chúng tôi giống như

{name:"firstPayeeName",index:"firstPayeeName", width:"110px", align:"left", sorttype:"string"}, 

Vui lòng cung cấp giải pháp nếu có. Cảm ơn trước.

Answer 1

Trong trường hợp của bài kiểm tra mà bạn cần để hiển thị không khoảng trống hoặc trắng-không gian khác bạn không thể sử dụng phong cách CSS mô tả here và here.

tôi sẽ khuyên bạn nên sử dụng một phong cách CSS:

<style type="text/css"> 
    .ui-jqgrid tr.jqgrow td { 
     word-wrap: break-word; /* IE 5.5+ and CSS3 */ 
     white-space: pre-wrap; /* CSS3 */ 
     white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
     white-space: -pre-wrap; /* Opera 4-6 */ 
     white-space: -o-pre-wrap; /* Opera 7 */ 
     overflow: hidden; 
     height: auto; 
     vertical-align: middle; 
     padding-top: 3px; 
     padding-bottom: 3px 
    } 
</style> 

Làm thế nào bạn có thể nhìn thấy từ the demo văn bản "testtesttesttesttesttesttesttesttest" sẽ được hiển thị như sau:

Answer 2

Trên giải pháp didnt làm việc cho tôi, exaclty như là, nhưng với chút sửa đổi đã làm! Tới chủ đề/ui.jqgrid.css: tìm kiếm cho: .ui-jqGrid tr.jqgrow td: và trong dấu ngoặc chèn:

word-wrap: break-word; // IE 5.5+ and CSS3 
     white-space: pre-wrap; // CSS3 
     white-space: -moz-pre-wrap; // Mozilla, since 1999 
     white-space: -pre-wrap; // Opera 4-6 
     white-space: -o-pre-wrap; // Opera 7 
     overflow: hidden; 
     height: auto; 
     vertical-align: middle; 
     padding-top: 3px; 
     padding-bottom: 3px 

Answer 3

.ui-jqgrid tr.jqgrow td 
{   
    word-wrap: break-word; /* IE 5.5+ and CSS3 */ 
    white-space: pre-wrap; /* CSS3 */ 
    white-space: -pre-wrap; /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    white-space: normal !important; 
    height: auto; 
    vertical-align: text-top; 
    padding-top: 2px; 
    padding-bottom: 3px; 
} 

Sử dụng mã trên làm việc của nó. Nếu bạn không cung cấp không gian, nó sẽ phá vỡ các dòng