Problem with column frozen top

Questions › Problem with column frozen top

Hi friends

I have a problem with position TOP a column frozen in grid

This is part of my code:

$g = new jqgrid($db_conf);

$grid[“rowNum”] = 100;
$grid[“rowList”] = array(25,50,100,’All’);
$grid[“sortname”] = ‘Codigo’;
$grid[“sortorder”] = ‘ASC’;
$grid[“caption”] = “PROYECTOS”;
$grid[“autowidth”] = true;
$grid[“shrinkToFit”] = false;
$grid[“hotkeys”] = true;
$grid[“rownumbers”] = true;
$grid[“rownumWidth”] = 40;
$grid[“sortable”] = false; // it is required for freezed column feature

…………..

$col[“title”] = “<center>Código</center>”;
$col[“name”] = “Codigo”;
$col[“align”] = “center”;
$col[“fixed”] = true;
$col[“width”] = “80”;
$col[“editable”] = true;
$col[“export”] = true;
$col[“frozen”] = true;
$col[“show”] = array(“edit”=>true);
$cols[] = $col;

$col = array();
$col[“title”] = “<center>Descripción</center>”;
$col[“name”] = “Descripcion”;
$col[“fixed”] = true;
$col[“width”] = “450”;
$col[“editable”] = true;
$cols[] = $col;

………… in html, in body label:

<body class=”fondo_paginas” style=”overflow-x:hidden”>
<style>
/* fix for freeze column div position */
.ui-jqgrid .editable {margin: 0px !important;}
</style>

<table style=”table-layout:fixed” width=”98%”>
<tr>
<td>
<form>
<table style=”table-layout:fixed” width=”550″>
<tr height=”30″ valign=”middle”>
<td width=”100″ align=”right”>
<div><span>División:</span></div>
</td>
<td width=”150″>
<select id=”cmbDivisiones” name=”cmbDivisiones” size=”1″ style=”width: 98%; position: relative; left: 5px; font-size: 10px”>
<?php echo $dropdown_list_divisiones ?>
</select>
</td>
<td width=”60″ align=”right”>
<div><span>Año:</span></div>
</td>
<td width=”100″>
<input id=”Ano” name=”Ano” type=”text” value=”<?php echo $ano_seleccionado ?>” style=”width: 98%; position: relative; left: 5px; text-align: center; font-size: 10px”>
</td>
<td width=”150″ align=”center”>
<input id=”btConsultar” type=”submit” value=”Consultar” name=”Consultar” style=”height: 24px” class=”boton”>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>

I have a TABLE before a grid. The result is in image: https://imgur.com/9nGDSmx

The column Código is duplicate (in frozen column).

When i change the php code and clear the instruction $grid[“sortable”] = false; then no there frozen column, the grid looks fine:

$grid[“rowNum”] = 100;
$grid[“rowList”] = array(25,50,100,’All’);
$grid[“sortname”] = ‘Codigo’;
$grid[“sortorder”] = ‘ASC’;
$grid[“caption”] = “PROYECTOS”;
$grid[“autowidth”] = true;
$grid[“shrinkToFit”] = false;
$grid[“hotkeys”] = true;
$grid[“rownumbers”] = true;
$grid[“rownumWidth”] = 40;
//$grid[“sortable”] = false; // it is required for freezed column feature

Result is in image: https://imgur.com/zO0XIKW

When i increment the height of top table (from 30px) (and with $grid[“sortable”] = false applied) the effect in first column frozen increment ;

Is there an error in my code or a configuration lost?

Thank you