Jak zaimplementować program wordwrap na jqGrid, który działa na IE7, IE8 i FF

Jak zaimplementować wordwrap na jqGrid, który działa na IE7, IE8 i FF, jednocześnie mając również funkcję zmiany rozmiaru kolumny (siatka wyrównuje się poprawnie).Jak zaimplementować program wordwrap na jqGrid, który działa na IE7, IE8 i FF

Próbowałem użyć do innerwrap zawartości każdego td z div o określonej szerokości (w oparciu o początkową szerokość TH), ale colresize nie zadziała na wstawionych elementach div. jqGrid oblicza szerokości zmienionego TH i sąsiednich TH.

Czy istnieje lepsze rozwiązanie, które pozwoli uniknąć wszystkich "hacków" JavaScript?

Źródło

2010-06-08 bcm

jqGrid Text/Word Wrapping wyjaśnia, jak to zrobić, stosując następujący CSS:

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

Źródło

2010-06-09 13:19:13

+1: bardzo dobry i przejrzysty roztwór. Proponuję używać tylko 'title: false' w' ColModel' dla wszystkich kolumn, aby wyłączyć podpowiedzi, które nie są już potrzebne. Jedna pozwoli zaoszczędzić trochę pamięci. Ponadto prawdopodobnie interesujące będzie również inne "pionowe wyrównanie" jako "tekst-top" dla wszystkich komórek w tabeli. – Oleg

czempionów !!! dobra odpowiedź + wskazówka. – bcm

ostatecznie usunięto vertical-align: text-top, ponieważ powodowało to podkreślenie stylów zakotwiczenia w kolumnach z przepełnioną ukrytą treścią do przepełnienia w IE. (tylko przepełnienie podkreślenia!) – bcm

Użyj tego css, to z pewnością pomoże.

.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 
    }

Źródło

2013-05-03 10:13:15 Yasser

-1

deall Wszystko,

to może być jak poniżej:

$("#jqxgrid").jqxGrid(

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

Źródło

2014-06-11 10:04:06 user3729495

Jak zaimplementować program wordwrap na jqGrid, który działa na IE7, IE8 i FF

Odpowiedz

Powiązane problemy