Как реализовать WordWrap на jqGrid, который работает на IE7, IE8 и FF - PullRequest
Новая
       63

Как реализовать WordWrap на jqGrid, который работает на IE7, IE8 и FF

9 голосов
/ 08 июня 2010

Как реализовать перенос слов в jqGrid, который работает в IE7, IE8 и FF, а также работает с изменением размера столбцов (сетка выравнивается правильно).

Пытался обернуть содержимое каждого td с помощью div определенной ширины (на основе начальной ширины TH), но colresize не будет работать на div, которые я вставил. jqGrid вычисляет ширину измененных размеров TH и смежных TH, хотя.

Есть ли лучшее решение, которое позволит избежать всех взломов JavaScript?

Ответы [ 3 ]

19 голосов
/ 09 июня 2010

jqGrid Text / Word Wrapping объясняет, как это сделать, используя следующий CSS: 

.ui-jqgrid tr.jqgrow td {
 white-space: normal !important;
 height:auto;
 vertical-align:text-top;
 padding-top:2px;
}
1 голос
/ 03 мая 2013

Используйте этот CSS, это, безусловно, поможет. 

   .ui-jqgrid tr.jqgrow td {
        word-wrap: break-word; /* IE 5.5+ and CSS3 */
        white-space: pre-wrap; /* CSS3 */
        white-space: normal !important; /* 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
    }
0 голосов
/ 11 июня 2014

Deall All,

это может быть как ниже: 

 $("#jqxgrid").jqxGrid(

            {
                source: dataAdapter,
                width: 1500,
                autorowheight: true,
                autoheight: true,
                columnsresize: true,
                theme: 'ui-redmond',
...