2016-08-18 10 views
0

Ich habe ein JqGrid in einer MVC-Anwendung. Ich habe die Schriftgröße erhöht, indem ich eine benutzerdefinierte CSS-Datei mit dem unten gezeigten Stil hinzugefügt habe.Erhöhen jqGrid Footer Höhe

custom.css

.ui-jqgrid, 
.ui-jqgrid .ui-jqgrid-view, 
.ui-jqgrid .ui-jqgrid-pager, 
.ui-jqgrid .ui-pg-input { 
    font-size: 14px; 
} 

das richtig funktionierte. Das Problem besteht jedoch darin, dass die Fußzeile des Rasters nicht erweitert wurde, um die vergrößerte Schriftgröße ordnungsgemäß anzuzeigen.

jqGrid Footer

Wie Sie sehen können, die Pager schneidet die Seitenzahl. Ich habe versucht, die gefundene Lösung here auf StackOverflow zu implementieren, aber das änderte die Fußzeile nicht.

custom.css

.ui-jqgrid .ui-jqgrid-sdiv .footrow { height: 55px } 

Würde mir jemand Geist mit aushelfen, wie die Höhe der jqGrid Fußzeile zu erhöhen?

+1

Es ist wichtig, dass Sie immer schreiben **, welche Version von jqGrid Sie verwenden und von der Gabel von jqGrid ** ([freier jqGrid] (https://github.com/ free-jqgrid/jqGrid) 4.14.4, kommerzielle [Guriddo jqGrid JS] (http://guriddo.net/?page_id=103334) 5.1.1 oder ein altes jqGrid in Version <= 4.7). Ich empfehle Ihnen, jqGrid 4.14.4 kostenlos auszuprobieren, indem Sie URLs in jqGrid-Dateien ändern (siehe [das Wiki] (https://github.com/free-jqgrid/jqGrid/wiki/Access-free-jqGrid-from-different-CDNs))). Übrigens ist die ** Fußzeile * * oberhalb * des Pagers, also kann .ui-jqgrid .ui-jqgrid-sdiv .footrow {Höhe: 55px} 'nicht helfen. – Oleg

+1

Nur wenn Sie ** ein altes jqGrid benutzen müssen und nicht auf die neue Version von jqGrid upgraden können, dann können Sie versuchen, das Problem zu lösen, indem Sie '.ui-jqgrid> .ui-jqgrid-pager {height: Auto; Mindesthöhe: 25px; Schriftgröße: 14px; } 'oder einfach nur die Höhe von' .ui-jqgrid> .ui-jqgrid-pager 'erhöhen, ohne 'font-size' auf dem gesamten Pager zu erhöhen. Sie müssen auch die 'height' von' .ui-jqgrid .ui-pg-input' erhöhen, zum Beispiel '.ui-jqgrid .ui-pg-input {height: 16px; Schriftgröße: 14px; } ' – Oleg

+0

Entschuldigung, dass Oleg. Hier sind die Versionen. jQuery JavaScript-Bibliothek v1.12.4 jQuery UI - v1.12.0 - 2016-08-16 jqGrid von Trirand v4.4.4 – Nathon

Antwort

1

Probieren Sie etwas wie diese

$(pager_id).css({"height":"55px"}); 
+0

Dies teilweise bearbeitet edbird88. Die Fußzeile ist jetzt größer, aber die Steuerelemente wie die, die die aktuelle Seitennummer enthält, sind nicht größer. Dies bedeutet, dass die Seitenzahl immer noch abgeschnitten ist. – Nathon

+0

Danke für die Eingabe jeder! Du bringst mich auf den richtigen Weg. Letztendlich hat es das für mich gelöst. Ich habe meine custom.css aktualisiert, um die folgenden Inhalte zu haben. .ui-jqGrid, .ui-jqGrid .ui-jqGrid-Ansicht, .ui-jqGrid .ui-jqGrid-Pager, .ui-jqGrid .ui-PG-input { font-size: 14px; } .ui-jqgrid .ui-jqgrid-pager { \t Höhe: 25px; } .ui-jqgrid .ui-pg-Eingabe { \t Höhe: 22px; } – Nathon