Yes, I understand what you mean. I'll remouve the height auto.

Kind regards,

Cornel

Thanks. This is a known problem and it wont be fixed.

The reason for this is that when we are in scroll:1 we get the height of the first row and based on this we calculate how many place we need.

This calculation is not very effective, but I can not find other good way to calculate how many room we need.

Hope you understand what I mean.

In order to resolve remove the height auto.

Best Regards

Tony

- it occurs only on IE6/7

- to reproduce it it's enough to click with the mouse on the vertical scrollbar

From what I see the root of the problem is the very long note … IE wraps the text while FF display it on one line + tooltip

  <style type="text/css">

    .ui-jqgrid tr.jqgrow td {
        height: auto;        
        vertical-align: top;
    }
</style>

<script>

    var mydata = [
        { id: "1", invdate: "2010-1-1", name: "Test 1", note: "this is a very long note created for testing purpose", tax: "10.00", total: "1111.00" },
        { id: "2", invdate: "2010-2-1", name: "test 2", note: "note 2", tax: "20.00", total: "2111.00" },
        { id: "4", invdate: "2007-3-1", name: "test 3", note: "note 3", tax: "30.00", total: "3111.00" },
        { id: "5", invdate: "2007-4-1", name: "test 4", note: "note 4", tax: "40.00", total: "4111.00" },
        { id: "6", invdate: "2007-5-1", name: "test 5", note: "note 5", tax: "50.00", total: "5111.00" },
        { id: "7", invdate: "2007-6-1", name: "test 6", note: "note 6", tax: "60.00", total: "6111.00" },
        { id: "8", invdate: "2007-7-1", name: "test 7", note: "note 7", tax: "70.00", total: "7111.00" },
        { id: "9", invdate: "2007-8-1", name: "test 8", note: "note 8", tax: "80.00", total: "8111.00" },
        { id: "10", invdate: "2010-1-1", name: "Test 1", note: "note 1", tax: "10.00", total: "1111.00" },
        { id: "11", invdate: "2010-2-1", name: "test 2", note: "note 2", tax: "20.00", total: "2111.00" },
        { id: "12", invdate: "2007-3-1", name: "test 3", note: "note 3", tax: "30.00", total: "3111.00" },
        { id: "13", invdate: "2007-4-1", name: "test 4", note: "note 4", tax: "40.00", total: "4111.00" },
        { id: "14", invdate: "2007-5-1", name: "test 5", note: "note 5", tax: "50.00", total: "5111.00" },
        { id: "15", invdate: "2007-6-1", name: "test 6", note: "note 6", tax: "60.00", total: "6111.00" },
        { id: "16", invdate: "2007-7-1", name: "test 7", note: "note 7", tax: "70.00", total: "7111.00" },
        { id: "17", invdate: "2007-8-1", name: "test 8", note: "note 8", tax: "80.00", total: "8111.00" },
        { id: "18", invdate: "2010-1-1", name: "Test 1", note: "note 1", tax: "10.00", total: "1111.00" },
        { id: "19", invdate: "2010-2-1", name: "test 2", note: "note 2", tax: "20.00", total: "2111.00" },
        { id: "20", invdate: "2007-3-1", name: "test 3", note: "note 3", tax: "30.00", total: "3111.00" },
        { id: "21", invdate: "2007-4-1", name: "test 4", note: "note 4", tax: "40.00", total: "4111.00" },
        { id: "22", invdate: "2007-5-1", name: "test 5", note: "note 5", tax: "50.00", total: "5111.00" },
        { id: "23", invdate: "2007-6-1", name: "test 6", note: "note 6", tax: "60.00", total: "6111.00" },
        { id: "24", invdate: "2007-7-1", name: "test 7", note: "note 7", tax: "70.00", total: "7111.00" },
        { id: "25", invdate: "2007-8-1", name: "test 8", note: "note 8", tax: "80.00", total: "8111.00" },
        { id: "26", invdate: "2010-1-1", name: "Test 1", note: "note 1", tax: "10.00", total: "1111.00" }
    ];
    jQuery("#list47″).jqGrid({
        data: mydata,
        datatype: "local",
        height: 150,
        width: 670,
        rowNum: 10,
        scroll: 1,
        viewrecords: true,
        shrinkToFit: false,
        colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
        colModel: [
               { name: 'id', index: 'id', width: 60, sorttype: "int" },
               { name: 'invdate', index: 'invdate', width: 90, sorttype: "date", formatter: "date" },
               { name: 'name', index: 'name', width: 100 },
               { name: 'amount', index: 'amount', width: 80, align: "right", sorttype: "float", formatter: "number" },
               { name: 'tax', index: 'tax', width: 80, align: "right", sorttype: "float" },
               { name: 'total', index: 'total', width: 80, align: "right", sorttype: "float" },
               { name: 'note', index: 'note', width: 150, sortable: false }
           ],
        pager: "#plist47″,
        caption: "Manipulating Array Data"
    });

</script>

Tony, do you have a quick workaround (my code is already in Production)?

Thank you very much!

Cornel

Thanks. Fixed

Best Regards

Tony

	<table id="list47"></table>

	<div id="plist47"></div>

	var mydata = [
		{ id: "1", invdate: "2010-1-1", name: "Test 1", note: "note 1", tax: "10.00", total: "1111.00" },
		{ id: "2", invdate: "2010-2-1", name: "test 2", note: "note 2", tax: "20.00", total: "2111.00" },
		{ id: "3", invdate: "2007-3-1", name: "test 3", note: "note 3", tax: "30.00", total: "3111.00" },
		{ id: "3", invdate: "2007-4-1", name: "test 4", note: "note 4", tax: "40.00", total: "4111.00" },
		{ id: "3", invdate: "2007-5-1", name: "test 5", note: "note 5", tax: "50.00", total: "5111.00" },
		{ id: "3", invdate: "2007-6-1", name: "test 6", note: "note 6", tax: "60.00", total: "6111.00" },
		{ id: "3", invdate: "2007-7-1", name: "test 7", note: "note 7", tax: "70.00", total: "7111.00" },
		{ id: "3", invdate: "2007-8-1", name: "test 8", note: "note 8", tax: "80.00", total: "8111.00" },
		{ id: "3", invdate: "2007-9-1", name: "test 9", note: "note 9", tax: "90.00", total: "9111.00" }
	];
	jQuery("#list47").jqGrid({
		data: mydata,
		datatype: "local",
		height: 150,
		width: 400,
		rowNum: 200,
		scroll: 1,
		viewrecords: true,
		shrinkToFit: false,
		colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
		colModel: [
   			{ name: 'id', index: 'id', width: 60, sorttype: "int" },
   			{ name: 'invdate', index: 'invdate', width: 90, sorttype: "date", formatter: "date" },
   			{ name: 'name', index: 'name', width: 100 },
   			{ name: 'amount', index: 'amount', width: 80, align: "right", sorttype: "float", formatter: "number" },
   			{ name: 'tax', index: 'tax', width: 80, align: "right", sorttype: "float" },
   			{ name: 'total', index: 'total', width: 80, align: "right", sorttype: "float" },
   			{ name: 'note', index: 'note', width: 150, sortable: false }
   		],
		pager: "#plist47",
		caption: "Manipulating Array Data"
	});

To resolve the issue I need a link to the problem

Regards

Tony

It also is happening in all browsers.

tony said:

Hello,

You can try the 3.7 beta from GitHub

Best Regards

Tony

Did this and am still having the same issue.  I will attempt to use the 3.7 version and debug the js and figure out whats going on.

Thanks

You can try the 3.7 beta from GitHub

Best Regards

Tony

When using...

• True-Scrolling
• IE 7/8 (works fine in firefox, chrome, safari)
• grid must be exactly 2 pages

... scrolling to page 2 loads the data and works fine.  However as soon as i scroll back up and then to the bottom again it reloads the data from the last page and duplicates the results in the grid and the page viewrecords says:  View -48 - 149 of 149

This was found on production and i need to dive into the code to see if i can find the problem.  If you are aware of the issue or know of a fix any help would be appreciated.

-Jason