J'utilise JQGRID avec JavaScript. Je fixerais la hauteur de chaque rangée de table mais je n'ai pas compris comment faire.
Ceci est mon code: p>
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);
}
}
);
4 Réponses :
Vous pouvez définir la hauteur des rangées individuelles de JQGrid ou toute autre propriété CSS à l'aide de la méthode vous pouvez voir un Exemple de travail ici . Ici, vous pouvez voir qu'après avoir changé la hauteur des rangées, cela pourrait être une bonne idée de changer la hauteur de la grille. Après l'ONU-commentant la ligne avec le Mise à jour basée sur la question du commentaire: Pour modifier la hauteur de l'en-tête de la table avec ID =" Liste " Vous pouvez effectuer ce qui suit: Vous pouvez voir les résultats ici . < / p> SETROWDATA (voir loadcommete : SETGRIDHEIGHT , les résultats ressemblent à Ceci . $ (" # gwew_list ") est un div sur le corps de la grille et le en-têtes de grille.
Merci cela fonctionne, mais si je changerais la hauteur de la table de la tête? Comment puis-je le faire? Avec cet exemple, seule la hauteur des données de ligne est modifiée. Merci encore.
J'ai résolu ce problème Réglage de cette règle dans une feuille de style CSS:
.grid .ui-jqgrid-htable th,
.grid .ui-jqgrid-btable .jqgrow td {
height: 3em !important;
}
Cela fonctionne également:
.ui-jqgrid .ui-jqgrid-htable th {
height: 2em !important;
}
.ui-jqgrid tr.jqgrow td{
height: 1em !important;
}
Dans le ui.jqgrid.css code> changement de fichier de la ligne dans le répertoire / * corps * / section à ceci: .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;
}
avez-vous vu ce message: trirand.com/blog/?page_id=393/help/...