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