JQgrid ligne de l'ensemble de la hauteur

Je suis en utilisant JqGrid avec javascript.
Je voudrais régler la hauteur de chaque ligne de la table mais je n'ai pas comprendre comment le faire.

C'est mon code:

 function jobList(){
var json=doShowAll(); 
alert("jobList() ==> php/get_job_status.php?value="+json);
jQuery("#jobList").jqGrid({
url:'php/get_job_status.php?value='+json,
datatype: "xml",
colNames:['id','title', 'start', 'stop','completed'],
colModel:[
{name:'id',index:'id', width:15,hidden:true, align:"center"},
{name:'title',index:'title', width:150, align:"center"},
{name:'start',index:'start', width:350, align:"center", sorttype:"date"},
{name:'fine',index:'fine', width:350, align:"center", sorttype:"date"},
{name:'completed',index:'completed', width:120, align:"center",formatter:highlight},//il solitoformatter:infractionInFormatter},  
],
//rowNum:8,
//rowList:[8,10,20,30],
pager: '#pagerJobList',
sortname: 'id',
viewrecords: true,
sortorder: "desc",
multiselect: false,
subGrid: false,
autowidth: true,
height: 250,
rowheight: 300,
caption: "Job Progress",
afterInsertRow: function(rowid, aData){
jQuery("#jobList").jqGrid('setCell', rowid, 'completed', '', {
background: 'red',
color: 'white'
});
},
onSelectRow: function(id){
//alert(id);
var title="";
if (id) { 
var ret = jQuery("#jobList").jqGrid('getRowData',id);
title=ret.id;
//alert(title);
} 
else { 
alert("Please select row");
}
var json2=doShowAll(); 
subGrid(json2,title);
} 
}
);

}

Modifiant RowHeight valeur les lignes de la hauteur ne change pas.
C'est mon résultat de table

JQgrid ligne de l'ensemble de la hauteur

Merci beaucoup.

u ne voir ce post : trirand.com/blog/?page_id=393/help/...
oui mais ne fonctionne pas pour moi

OriginalL'auteur michele | 2010-07-08

  1. 12

    Vous pouvez régler la hauteur de chaque ligne de jqGrid ou de toute autre propriété CSS avec l'aide de setRowData méthode (voir cet article wiki). Vous pouvez le faire par exemple dans loadComplete:

    $("#list").jqGrid({
//...
loadComplete: function() {
var grid = $("#list"),
ids = grid.getDataIDs();
for (var i = 0; i < ids.length; i++) {
grid.setRowData(ids[i], false, { height : 20 + (i * 2) });
}
//grid.setGridHeight('auto');
}
});

    Vous pouvez voir un exemple de travail ici. Ici vous pouvez voir qu'après la modification de la hauteur des lignes, il pourrait être une bonne idée de changer la hauteur de la grille. Après décommentant la ligne avec le setGridHeight, les résultats ne ressemble cette.

    Mise à JOUR Basé sur la question de commentaire: Pour modifier la hauteur de l'en-tête du tableau avec id="liste" vous pouvez effectuer les opérations suivantes:

    $("table.ui-jqgrid-htable", $("#gview_list")).css ("height", 30);

    La $("#gview_list") est une div sur la grille du corps et de la grille des en-têtes.

    Vous pouvez voir les résultats ici.

    Merci ça fonctionne, mais si je voudrais changer la hauteur de la tête de la table? Comment puis-je le faire? Avec cet exemple, seules les données de ligne de hauteur est modifiée. Je vous remercie encore.

    OriginalL'auteur Oleg

  2. 5

    Cela fonctionne aussi:

    .ui-jqgrid .ui-jqgrid-htable th {
height: 2em !important;
}
.ui-jqgrid tr.jqgrow td{
height: 1em !important;
}

    OriginalL'auteur aloplop85

  3. 1

    Dans le ui.jqgrid.css fichier modifier la ligne dans le /* corps */section:

    .ui-jqgrid tr.jqgrow td {
font-weight: normal; 
overflow: hidden; 
white-space: nowrap; 
height: 22px; 
padding: 0 2px 0 2px;
border-bottom-width: 1px; 
border-bottom-color: inherit; 
border-bottom-style: solid;
}

    white-space: est modifié à partir de pre à nowrap.

    OriginalL'auteur Sici

  4. 0

    J'ai résolu ce problème de la définition de cette règle dans une feuille de style css:

    .grid .ui-jqgrid-htable th,
.grid .ui-jqgrid-btable .jqgrow td {
height: 3em !important;
}

    OriginalL'auteur diosney