无论如何有减少jqgrid中标题标题的高度

时间:2019-04-17 17:46:46

标签: asp.net jqgrid height jqgrid-asp.net

反正是否可以减小jqGrid中“供应商详细信息”部分的高度?

enter image description here

<script src="scripts/jquery/jquery-ui-1.10.4.custom.js" type="text/javascript"></script>
<script src="scripts/jquery/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>    
<script src="scripts/trirand/i18n/grid.locale-en.js" type="text/javascript"></script>       
<script src="scripts/trirand/i18n/jquery.jqGrid.min.js" type="text/javascript"></script>   
<script src="scripts/trirand/jquery.jqGrid.ColumnChooser.js" type="text/javascript"></script>
<script src="scripts/trirand/jquery.jqGrid.ContextMenu.js" type="text/javascript"></script>
<script src="scripts/trirand/jquery.jqGrid.min.js" type="text/javascript"></script>
    <%--<script src="scripts/main.js" type="text/javascript"></script>--%>

<link href="css/themes/bootstrap-theme.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/themes/bootstrap.css" rel="stylesheet" type="text/css" media="screen" />  
<link href="css/themes/ui.jqgrid-bootstrap.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/themes/ui.jqgrid.css" rel="stylesheet" type="text/css" media="screen"/>
<link rel="stylesheet" type="text/css" media="screen" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<style type="text/css">     
.ui-jqgrid .ui-jqgrid-htable th {
    height: 20px;   
    color:#cc961a;
} 
.ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-caption { height: 5px }
#button{   
width: 20px;
height: 20px;
float:right;
cursor:pointer;     
text-align:center;
padding:2px 5px;
background:#ccc;

jQuery(“#jqgItemDetails”)。jqGrid({             网址:“,             数据类型:“本地”,             colNames:['UPC代码','OLD UPC','项目描述','Old Item Desc','Size UOM','Old Size UOM','部门','类别',                 '税收说明','WIC / CVV','标签','最新动向','最后购买','添加项目','评论','商店编号'],             colModel:[                         {name:'UPC_Code',index:'UPC_Code',width:90,stype:'text'},                         {名称:“ UPC_Code_Old”,索引:“ UPC_Code_Old”,宽度:90,stype:“ text”,隐藏:true},                         {名称:“ Item_Desc”,索引:“ Item_Desc”,宽度:150},                          {名称:'Item_Desc_Old',索引:'Item_Desc_Old',宽度:150,隐藏:true},                         {名称:'Size_UOM',索引:'Size_UOM',宽度:60},                         {名称:'Size_UOM_Old',索引:'Size_UOM_Old',宽度:60,隐藏:true},                         {名称:“部门”,索引:“部门”,宽度:100},                         {name:'Category',index:'Category',width:80},                         {名称:“ Tax_Desc”,索引:“ Tax_Desc”,宽度:150},                         {名称:“ WIC_CVV”,索引:“ WIC_CVV”,宽度:80},                         {名称:“标签”,索引:“标签”,宽度:150},                         {名称:“ Last_Movement”,索引:“ Last_Movement”,宽度:100},                         {名称:“ Last_Purchase”,索引:“ Last_Purchase”,宽度:100},                         {名称:“ Item_Added”,索引:“ Item_Added”,宽度:100},                         {名称:“评论”,索引:“评论”,宽度:100,可编辑:true},                         {名称:'Store_Number',索引:'Store_Number',宽度:100,隐藏:true}                         ],             多选:true,             rowNum:10,             排序名称:“ UPC_Code”,             观看记录:是的,             sortorder:“ desc”,             传呼机:“#pager2”,             宽度:1100,             cellEdit:是的,             cellsubmit:'clientArray',             editurl:'',             高度:60,             onSelectRow:editRow,             rinkToFit:否,             afterSaveCell:函数(rowid,name,val,iRow,iCol){                 var grid = $(“#jqgItemDetails”);                 if(name =='Comment'){                     grid.jqGrid('setCell',rowid,'Comment',val);                 }             },             标题:“ UPC项目详细信息”         });

0 个答案:

没有答案