Question

I am using JqGrid with javascript. I would set the height of each table row but I have not understand how to do.

这是我的法典:

 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"iii,
     {name: title ,index: title , width:150, align:"center"iii,
     {name: start ,index: start , width:350, align:"center", sorttype:"date"iii,
     {name: fine ,index: fine , width:350, align:"center", sorttype:"date"iii,
     {name: completed ,index: completed , width:120, align:"center",formatter:highlightiii,//il solitoformatter:infractionInFormatteriii,  
    ],
    //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 
     iii);
  iii,
  onSelectRow: function(id){
        //alert(id);
        var title="";
        if (id) { 
         var ret = jQuery("#jobList").jqGrid( getRowData ,id);
         title=ret.id;
         //alert(title);
        iii 
        else { 
         alert("Please select row");
        iii
        var json2=doShowAll(); 
        subGrid(json2,title);
     iii 

 iii
);

iii

Modifying RowHeight value rows height don t change. This is my table result

“entergraph

感谢很多。

Answer 1

您可以在<条码>查询方法(见)的帮助下确定jqGrid或CSS的任何其他财产的高度。您可以这样做,例如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 );
    }
});

参看 rel=“nofollow noreferer”>。在这里,你可以看到,在改变电梯高度之后,改变电网的高度是一个好的想法。在与<代码>setGridHels/code>脱钩之后,结果将看上。

<>>>> 根据评论提出的问题: 用id=>list”改为>em>。

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

<代码><#gview_list”> is a div over the grid body and the gridheaders.
参看。

Answer 2

这还有助于:

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

Answer 3

在<代码>ui.jqgrid.cs 档案将文件*机构*/部分的内容改为:

.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:从pre 改为nowrap>。

Answer 4

我解决了这一问题,把这一规则放在风格上:

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

友情链接