jqGrid Abstand um jede Zelle, wenn Schriftgröße

Erhöhung ich die Schriftgröße auf meinen Gitterzellen mit folgendem CSS erhöht habe:jqGrid Abstand um jede Zelle, wenn Schriftgröße

.ui-jqgrid .ui-jqgrid-view { 
    font-size: 14px; 
}

nun um den Text den Abstand in jeder einzelnen Zelle ist klein. Wie vergrößere ich diesen Raum, damit der größere Text in jeder Zelle korrekt angezeigt wird? Hand

Dank Bevor

Update # 1

ich folgende CSS hinzugefügt haben nach Olegs Vorschlag:

.ui-jqgrid .ui-jqgrid-htable th { 
    padding: 5px 1em 5px 1em; 
} 
.ui-jqgrid tr.jqgrow > td, 
.ui-jqgrid tr.jqgroup > td, 
.ui-jqgrid tr.jqfoot > td, 
.ui-jqgrid tr.jqfoot > td, 
.ui-jqgrid tr.jqgfirstrow > td { 
    padding: 5px 1em 5px 1em; 
}

Aber ich bin immer eine fette Linie auf der Spitze der erste Aufzeichnung wie hier zu sehen:

Quelle

2016-07-20 Robert Smith

Probieren Sie die folgenden CSS-Regeln

.ui-jqgrid .ui-jqgrid-htable th { 
    padding: 0 .5em 0 .5em; 
} 
.ui-jqgrid tr.jqgrow > td, 
.ui-jqgrid tr.jqgroup > td, 
.ui-jqgrid tr.jqfoot > td, 
.ui-jqgrid tr.jqfoot > td, 
.ui-jqgrid tr.jqgfirstrow > td { 
    padding: 0 .5em 0 .5em; 
}

Sie .5 (0.5) auf einen anderen Wert ersetzen kann hinzufügen, um die pagging zu haben, die Sie benötigen.

Quelle

2016-07-20 20:38:39 Oleg

Oleg, danke das hat funktioniert, aber können Sie update # 1 oben sehen. Ich bekomme eine dicke Linie auf der ersten Platte. Vielen Dank. –

@RobertSmith: Gern geschehen! Sie setzen auch 'padding-top' und' padding-botom'. Sie können dies in allen Zeilen mit der Ausnahme 'tr.jqgfirstrow' machen. Sie sollten Ihre Einstellungen korrigieren und beispielsweise '.ui-jqgrid tr.jqgfirstrow> td {padding: 0 1em 0 1em; } 'Halten' Padding: 5px 1em 5px 1em; 'auf allen anderen Zeilen. – Oleg

Oleg, das hat super funktioniert! Vielen Dank! –

jqGrid Abstand um jede Zelle, wenn Schriftgröße

Antwort

Verwandte Themen