设置 jqgrid 设置表格 行高详细代码
时间: 2023-12-18 13:05:51 浏览: 100
以下是设置 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。你可以根据实际情况进行修改。
阅读全文