修改 jqgrid 每行得行高
时间: 2023-08-11 13:30:01 浏览: 160
要修改 jqgrid 每行的行高,可以通过设置 `rowheight` 属性来实现。该属性用于指定每行的高度(单位为像素)。例如,以下代码将每行的高度设置为 40 像素:
```
$("#grid").jqGrid({
// ...其他配置...
rowheight: 40,
// ...其他配置...
});
```
如果需要对某些特定行进行自定义高度,则可以使用 `rowattr` 属性来实现。该属性用于为每一行添加自定义属性,例如 `style`。以下代码将第二行的高度设置为 60 像素:
```
$("#grid").jqGrid({
// ...其他配置...
rowattr: function (rowData) {
if (rowData.id === 2) {
return {"style": "height: 60px;"};
}
},
// ...其他配置...
});
```
在上面的代码中,`rowattr` 函数会检查每一行的 `id` 是否为 2,如果是则为该行添加一个 `style` 属性,值为 `height: 60px;`,从而使该行的高度为 60 像素。
相关问题
设置 jqgrid 设置表格 行高详细代码
以下是设置 jqGrid 行高的详细代码:
1. 在 CSS 文件中添加样式。
```
.ui-jqgrid tr.jqgrow td {
padding-top: 10px;
padding-bottom: 10px;
}
```
2. 在 JavaScript 文件中添加以下代码:
```
loadComplete: function() {
var table = this;
setTimeout(function() {
updatePagerIcons(table);
setGridHeight();
table.trigger("reloadGrid");
}, 0);
},
```
3. 在 JavaScript 文件中添加 setGridHeight 函数。
```
function setGridHeight() {
var gridHeight = $("#grid").height();
var rowHeight = $("#grid").find("tr.jqgrow:first").height();
var rowNum = $("#grid").getGridParam("rowNum");
var newHeight = (rowHeight + 20) * rowNum + 45;
if (gridHeight < newHeight) {
$("#grid").jqGrid("setGridHeight", newHeight);
}
}
```
注意:以上代码中的 grid 是表格的 ID,可以根据实际情况进行修改。在这个例子中,我们假设每一行的高度为 20px,间距为 10px,因此需要将行高度加上 20px。同时,我们还需要添加一些额外的高度,例如表格标题、页码等。在这个例子中,我们假设这些额外的高度为 45px。你可以根据实际情况进行修改。
设置 jqgrid 设置行高
可以通过以下方式设置 jqGrid 行高:
1. 在 CSS 文件中添加样式。
```
.ui-jqgrid tr.jqgrow td {
padding-top: 10px;
padding-bottom: 10px;
}
```
2. 在 loadComplete 事件中重新设置表格高度。
```
loadComplete: function() {
var table = this;
setTimeout(function() {
updatePagerIcons(table);
setGridHeight();
table.trigger("reloadGrid");
}, 0);
}
```
注意:以上代码中的 setGridHeight 是一个自定义函数,用于设置表格的高度。可以根据实际情况进行修改。
阅读全文