В jqgrid у нас есть длинный текст, получаемый из БД, но нужно обертывать, пока он отображается в JQgrid, есть ли способ обернуть длинный текст (без каких-либо пробелов)? У нас есть только 110px для поля имени получателя, потому что нам нужно отобразить несколько столбцов. Наш код похож на
{name:"firstPayeeName",index:"firstPayeeName", width:"110px", align:"left", sorttype:"string"},
Pls предоставляет решение, если оно есть. Спасибо заранее.
В случае теста, который вам нужно отобразить, нет пробелов или другого пробела, вы не можете использовать описанный стиль CSS здесь и здесь.
Я бы рекомендовал вам использовать другой стиль 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>
Как вы можете видеть из демо текст "testtesttesttesttesttesttesttesttest" будет отображаться следующим образом:
Выше решение не работало для меня, exaccty, как есть, но с небольшими изменениями сделал! Перейти к темам /ui.jqgrid.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
.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;
}
Используйте приведенный выше код для его работы. Если ваш не дает места, он также сломает линии