[MehdiParticipant]

Hi
@fritzfrancis @rami @devsim, you’re all welcome.
So happy hear that.

[MehdiParticipant]

Hi again

this one is better and shortest.

Find this line in jqxgrid.js:
_rendervisualrows: function () {

And add these to the end of the method:

if ($.jqx.browser.chrome) {
	var top = parseInt($("#" + this.table[0].id).css("top"));
	top = (top + 0.01) + "px";
	document.getElementById(this.table[0].id).style.setProperty("top", top);
}

Please le me know it works or not.
Stay cool

[MehdiParticipant]

Hi

This is Google Chrome fault in applying Css top.
The hole scenario is Google Chrome is changing the property top of table but didn’t apply it,
but if you inspect that table in dev tools and do any change ( any changes) on it, chrome finally wake up and apply it

Here is the temporary solution :
In jqxgrid.js file edit following rows:

in the method
_rendervisualrows: function () {

try to find this row
for (var n = 0; n < U && ab < U; n++) {

before that line add these :

var userAgent = null;
var version = null;
if ($.jqx.browser.chrome) {
	userAgent = navigator.userAgent.toLowerCase();
	userAgent = userAgent.substring(userAgent.indexOf('chrome/') + 7);
	version = userAgent.substring(0, userAgent.indexOf('.'));
	if (version > 85)
		$('#' + this.table[0].id).css("position", 'static');
}

and after this line
this.table[0].style.top = -m + “px”;

add these
if ($.jqx.browser.chrome && version > 85)
setTimeout(function () { $(“#contenttabledgVoucher”).css(“position”, ‘relative’); }, 0);

Have fun.

[MehdiParticipant]

Hi

I also have same problem.
this happen only in google chrome new version (86.0.4240.75 Official build) and also in Microsoft Edge (Chromium base).
Mozilla Firefox works fine.

this error reported from 3 days ago, and my chrome wasn’t up to date, and there is no problem.
but after update to new version on chrome, it appears !!

I hope that’s enough.
JqWidgets sample page

[MehdiParticipant]

Hi Peter

That’s true, but is i comment groups on definition and grid loads with no groups and i drag columns to group manually,
the boundindex will not be undefined and the value is correct.

how about that?

thanks

[MehdiParticipant]

I mean put your finger on “Column With Touch Scroll Problem” and do scrolling.
On another columns scroll works well

[MehdiParticipant]

Hi

In my sample , there are two columns

the first column is OK and works fine, just like your sample:
{
datafield: ‘firstname’,
cellsrenderer: function (row, columnfield, value, defaulthtml, columnproperties) {
return ‘<span style=”margin: 4px; float: ‘ + columnproperties.cellsalign +
‘; color: #0000ff;”>Column Without Touch Scroll Problem’ + value + ‘</span>’;
}
}
but in this column :
{
datafield: ‘lastname’,
cellsrenderer: function (row, columnfield, value, defaulthtml, columnproperties, bounddata) {
var s = ‘<span style=”margin: 4px; background-color: greenyellow;float: ‘ +
columnproperties.cellsalign +
‘; color: #0000ff;”>’;

s += ‘<span style=”float: left”>’ + bounddata.productname + ‘</span>’; // problem is here
s += ‘<span style=”float: left”> Column With Touch Scroll Problem </span>’;
s += “</span>”;
return s;
}
}

when i use “bounddata”, it crash on scrolling, however if i replace bounddata.productname with value, its works fine too.

Thanks for attention

[MehdiParticipant]

Hi there
i think i fixed this error temporary.
by setting width to 100% and setting height by pixel.

like this :
$(‘#editorComment’).jqxEditor({ height: pwHeight – 190, width: ‘100%’ });

and this works fine for me in IE and Chrome

Good luck

[MehdiParticipant]

Hi Hristo,

jqWidgets version: v4.1.2 (2016-Apr)

i have same problem: i have a jqxtab whith two tabs, in first one i have jqxgrid and the second one is jqxeditor.
the first tab is selected by default.
when i resize window (whitout selecting second tab) first tab is resized and grid too, but when i select second tab the editor isn’t resized.

i have resize method and it’s calling on every resize and size’s are ok.

function ReSizePage(pwWidth, pwHeight) {
$(‘#jqxTab’).jqxTabs({ height: pwHeight – 155, width: pwWidth – 4 });

jqxGrid.jqxGrid({ height: pwHeight – 190, width: pwWidth – 6 });
$(‘#editorComment’).jqxEditor({ height: pwHeight – 190, width: pwWidth – 10 });
}

please take o look at this sample too : sample

Thanks a lot

[MehdiParticipant]

Hi
i think when i delete the rows grid cant find correct position to scroll and because of that goes to first row.
i think this code is much better:

deleterow: function (d, k) {
…
var f = function (w, r) {
…

w.vScrollInstance.setPosition(w.vScrollInstance.max – t < 700 ? t – (w.rowsheight * 2) : t);
return z;
2 is the selected rows count +1.

thank you

[MehdiParticipant]

Hello Hristo

Thank you for reply, but i want a solution to keep grid right position not go to last row always.

what if i want to delete row #250 of 300 rows ?
i think this solution is not fare enough.

Thanks

[MehdiParticipant]

Hi Peter

sorry, i mean scroll down by keyboard [down key]. In that way the selected row will not be visible

thanks for quick reply

[MehdiParticipant]

Thanks, i appreciate that.

[MehdiParticipant]

Hi Peter

I just upgrade jqwidget from 3.4 to 3.8.1 two days ago, and after that this is happening of course in jqwidgets.com demo too.
I tested that in 1 pc and 2 notebook and with different hardware.
if you pay attention to mouse pointer, if checkbox is checkable the pointer sign is hand other wise the pointer sign is not change.
if you gonna solve this seriously, plz give me team viewer code or connect to my pc to show you how this happen.

In my scenario,
i have a grid that has 3 column (name , activation columns) and most of the times it has 1 or 2 row.
whit this issue i can’t do my business propose.

i’m using Microsoft Windows 8.1 with Internet explorer 11 and Google Chrome 43 and Mozilla Firefox 38

By this video i think you can not refuse it.

Thank You.

[MehdiParticipant]

Hi Peter

I prepare a video on YouTube
and in addition just top 2 or 3 rows are like that.

this video can be removed if you want.

Thanks for attention and great support.

[Author]

Posts