Есть ли в любом случае уменьшить высоту заголовка заголовка в jqgrid? - PullRequest
0 голосов
/ 17 апреля 2019

Есть ли в любом случае уменьшить высоту части 'детали поставщика' в 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 ({ URL: '', тип данных: "местный", colNames: ['UPC Code', 'OLD UPC', 'Item Description', 'Old Item Desc', 'UOM размера', 'UOM старого размера', 'Department', 'Category', «Описание налога», «WIC / CVV», «Ярлык», «Последнее движение», «Последняя покупка», «Товар добавлен», «Комментарий», «Номер магазина»], colModel: [ {имя: 'UPC_Code', индекс: 'UPC_Code', ширина: 90, стиль: 'текст'}, {имя: 'UPC_Code_Old', индекс: 'UPC_Code_Old', ширина: 90, стиль: 'текст', скрытый: true}, {name: 'Item_Desc', индекс: 'Item_Desc', ширина: 150}, {name: 'Item_Desc_Old', индекс: 'Item_Desc_Old', ширина: 150, скрыто: true}, {имя: 'Size_UOM', индекс: 'Size_UOM', ширина: 60}, {имя: 'Size_UOM_Old', индекс: 'Size_UOM_Old', ширина: 60, скрыто: true}, {name: 'Department', индекс: 'Department', ширина: 100}, {name: 'Category', индекс: 'Category', ширина: 80}, {имя: 'Tax_Desc', индекс: 'Tax_Desc', ширина: 150}, {имя: 'WIC_CVV', индекс: 'WIC_CVV', ширина: 80}, {имя: «Метка», индекс: «Метка», ширина: 150}, {имя: «Last_Movement», индекс: «Last_Movement», ширина: 100}, {name: 'Last_Purchase', индекс: 'Last_Purchase', ширина: 100}, {name: 'Item_Added', индекс: 'Item_Added', ширина: 100}, {имя: «Комментарий», индекс: «Комментарий», ширина: 100, редактируемый: true}, {name: 'Store_Number', индекс: 'Store_Number', ширина: 100, скрыто: true} ], множественный выбор: правда, rowNum: 10, сортировка: 'UPC_Code', просмотр записей: правда, сортировщик: "desc", пейджер: '# pager2', ширина: 1100, cellEdit: правда, cellubmit: 'clientArray', editurl: '', высота: 60, onSelectRow: editRow, shrinkToFit: ложь, afterSaveCell: function (rowid, name, val, iRow, iCol) { var grid = $ ("# jqgItemDetails"); if (name == 'Comment') { grid.jqGrid ('setCell', rowid, 'Comment', val); } }, заголовок: «Детали элемента UPC» });

...