Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by jwerner on Jun 19, 2009 11:43
open dhtmlx forum
cell display problem with dhtmlxgrid with IE8 and XHTML DOCTYPE

I have chopped it down to a simple example. If you run the page below in IE8 there is a strange behavior in the grid. When clicking a cell or double clicking to edit, the cell border changes and is no longer aligned with the column. Changing the DOCTYPE to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> fixes the issue but my understanding is that the grid should function correctly with the XHTML doctype.


<!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>Trip Scheduler</title>
<link href="js/dhtmlx_2.1/codebase/dhtmlxgrid.css" rel="stylesheet" type="text/css" />
<link href="js/dhtmlx_2.1/codebase/dhtmlxgrid_skins.css" rel="stylesheet" type="text/css" />
<!-- new version of dhtmlx -->
<script src="js/dhtmlx_2.1/codebase/dhtmlxcommon.js" type="text/javascript"></script>
<script src="js/dhtmlx_2.1/codebase/dhtmlxgrid.js" type="text/javascript"></script>
<script src="js/dhtmlx_2.1/codebase/dhtmlxgridcell.js" type="text/javascript"></script>
<script src="js/dhtmlx_2.1/codebase/ext/dhtmlxgrid_drag.js" type="text/javascript"></script>
<body>




<div id="unassignedTripsContainer" style="width:auto; height:250px;">
<div id="gridbox" style="height:250px;width:100%;"></div>
</div>

<script type="text/javascript">
var tripsgrid;
var fullHeaders = "Will Call,Pickup,Appt.,Driver,Vehicle,Client Name,Type,Source Type,Pickup Address,Pickup City,Pickup Zip,Pickup Desc.,Pickup Phone,Dest. Address,Dest. City,Dest. Zip,Dest. Desc.,Dest. Phone,Miles,Source Trip,T/R,blank,blank,blank,blank,blank,blank,Status";
var fullSorting = "str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str";
var fullAlign = "left,center,center,left,left,left,left,left,left,left,left,left,left,left,left,left,left,center,center,left,left,left,left,left,left,left,left,left";
tripsgrid = new dhtmlXGridObject('gridbox');
tripsgrid.setImagePath("js/dhtmlx_2.1/codebase/imgs/");
tripsgrid.setHeader(fullHeaders);
tripsgrid.setInitWidths("80,60,60,0,0,120,50,50,120,100,40,100,80,120,100,40,100,80,40,80,40,0,0,0,0,0,0,120");
tripsgrid.setColAlign(fullAlign);
tripsgrid.setColTypes("coro,ed,ed,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,coro");
tripsgrid.setColSorting(fullSorting);
tripsgrid.setSkin('light');
tripsgrid.enableDragAndDrop(true);
tripsgrid.init();
tripsgrid.loadXML("trips.xml");
</script>


</body>
</html>
Answer posted by dhxSupport on Jun 22, 2009 03:55
This bug was confirmed and fixed. Fixed file will be included in the next dhtmlxGrid version. If you need changes immediately please contact support@dhtmlx.com and provide you ref. ID.