在jqGrid中,在用户选择删除列之后,网格的宽度变小.因此,我认为在此时触发调整大小是合适的$("#myGrid").trigger("resize").但是,我应该附加什么jqGrid事件呢？
我尝试在使用Column Chooser后在Firebug控制台上手动触发调整大小并且效果很好.
我也尝试了这个问题中的建议,但没有任何结果.
我使用下面的示例代码来创建带有subGrids的jqGrid.
就我而言,我删除了subGrids的标题.所以,它看起来像一个分组.
在这里,每当我调整主网格列的大小.我检查了jqGrid文档并找到了" resizeStop ",它返回了列id和新的宽度.
但是,没有找到类似setSize的列.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SubGrid Editable</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.2/css/ui.jqgrid.css" />
<style>
.groupColumn {
background-color: #E3E3D7 !important;
border: 1px solid #F4F4e5;
font-weight: bold; !important;
}
.lockedColumn {
background-color: #E3E3D7 !important;
border: 1px solid #F4F4e5;
}
.ui-jqgrid .ui-subgrid td.subgrid-data {
border-top: 0 none !important;
border-right: 0 none !important;
border-bottom: 0 none !important;
}
</style> …