Cell Overflow

[omerix]

Hello Param,

How can I prevent cell overflow seen in the attached file?

Code: [Select]

         var HucreS = function (ui) {
             var $cell = ui.$cell,
                 rowData = ui.rowData,
                 dataIndx = ui.dataIndx,
                 width = parseInt(ui.column.width) - 40,
                 cls = ui.cls;
             var dc = $.trim(rowData[dataIndx]);
var rowIndex=ui.rowIndex;
             $cell.append("<input type='text'  name='" + dataIndx + "' id='" + dataIndx + "' value='" + dc + "' class='" + cls + " fl ls'  style='z-index: 40000;width:" + width + "px;'/>"
                 +"<span class='ui-widget-header fl ek' onclick=\"window.parent.Popuir('../ModGenel/Liste.asp?js=6&l=s&e=FrameOrder',760,540,'Liste');\"><i class='ui-icon ui-icon-search ck'></i></span>"
                 +"<span class='ui-widget-header fl ek' onclick=\"window.parent.Popuir('../ModStok/Kart.asp?menu=h&KOD="+dc+"',960,540,'Kart');\"><i class='ui-icon ui-icon-plus ck'></i></span>"
             );
//$cell.find("input").focus()
         };


[paramvir]

Could you please share a jsfiddle and also mention the version of grid.