Grid jumping to left on sort- can you recreate this behavior?

I have banged my head against this problem for quite a few hours. I can reproduce the problem using the following code.

I am using IE6.

To reproduce this behavior:
1. Click on a column header to sort
2. Move mouse off Grid
3. Web page jumps to the left.

Can anyone help with this? I've looked thru the forums trying to find an answer and I haven't been able to find anything related.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML>
<HEAD>
<TITLE>Test View</TITLE>
<style type="text/css">

.active-column-0 {width:100px}
.active-column-1 {width:100px}
.active-column-2 {width:300px}
.active-column-3 {width:100px}
.active-column-4 {width:100px}
.active-column-5 {width:300px}
#myGrid .aw-header-0 .aw-grid-header {font-weight: bold; font-size:110%}

#myGrid .aw-alternate-even {background: white;}
#myGrid .aw-alternate-odd {background: #99B4FF;}
#myGrid .aw-header-0 .aw-grid-header {font-weight: bold; font-size:110%}
#myGrid .aw-rows-selected {background:blue; color:white;}

</style>

<link href="runtime/styles/classic/aw.css" rel="stylesheet" type="text/css" ></link>
<script src="runtime/lib/aw.js" language="JavaScript" type="text/javascript"></script>
<style>
* {-moz-box-sizing: border-box;}
html { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden}
body { width: 100%; height: 100%; margin: 0px; padding: 20px; overflow: hidden; font: menu}
</style>

</HEAD>
<BODY BGCOLOR="#BDBDBD">
<form method="POST" action="Test_View.php" align="center" id=style1>

</form>
</HEAD>

<script>

var myCells = [
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000"],
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420"],
["CA", "Computer Associates Inter", "15,606.335", "3,164.000"],
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727"]
];

var obj = new AW.UI.Grid;
obj.setStyle("width", "95%");
obj.setStyle("height", "60%");
obj.setCellText(myCells);
obj.setColumnCount(4);
obj.setRowCount(5);

document.write(obj);

</script>
</BODY>
</HTML>

kman

January 11,

I get this same behavior in IE7 but not in FF 3.5.4

kman

January 11,

I resolved this issue by changing the sizing of the grid. My production version was contained in iframe which I also had to modify the heigth values to prevent this jumping.

kman

January 12,

This topic is archived.

Grid jumping to left on sort- can you recreate this behavior?

See also:

Search

New Data Grid

Version 2