Я использую JqGrid с JavaScript. Я установил бы высоту каждой строки таблицы, но я не имею, понимают, как сделать.
Это - мой код:
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);
}
}
);
}
Изменение высоты строк значения RowHeight не изменяется. Это - мой результат таблицы
Большое спасибо.
Вы можете установить высоту отдельных строк jqGrid или любого другого свойства CSS с помощью метода setRowData
(см. эту вики-статью ). Вы можете сделать это, например, в 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');
}
});
Вы можете увидеть рабочий пример здесь . Здесь вы можете видеть, что после изменения высоты строк было бы неплохо изменить высоту сетки. После раскомментирования строки с помощью setGridHeight
результаты будут иметь вид this .
ОБНОВЛЕНИЕ На основе вопроса из комментария: Чтобы изменить высоту заголовка таблицы с помощью id = "list" , вы можете сделать следующее:
$("table.ui-jqgrid-htable", $("#gview_list")).css ("height", 30);
$ ("#gview_list")
- это блок div над телом сетки и заголовками сетки.
Вы можете увидеть результаты здесь .