Grid is working properly in case of browser on desktop application means table header move horizontally with coloumn in alignment.But when the grid is used in mobile application it does not work properly means when i touch on the mobile screen and move the grid horizontally then the header of the grid and the data which is coming through AJAX which is shown in coloumn is not aligned.The coloumn data move fast but header of grid stuck at there position so my question is for you that what will i do in my DHTMLXgrid so that my grid will scroll horizontally properly in case of mobile touch application.
mygrid = new dhtmlXGridObject(‘gridbox’);
mygrid.setImagePath("…/dhtml/dhtmlxGrid/codebase/imgs/");
mygrid.setHeader(thead_name_arr.join());
mygrid.setColumnIds(colID.join());
mygrid.setColAlign(rowColAlign.join());
mygrid.setInitWidths(rowColWidth.join());
mygrid.enableTooltips(toolTips.join());
mygrid.setSkin(“light”);
mygrid.enableColumnMove(true);
mygrid.setEditable(false);
mygrid.attachEvent(“onRowSelect”, doOnRowSelected);
I am using this code to make my grid.So please suggest me fast and thanks in advance.
Unfortunately the problem cannot be reproduced locally.
the grid moves well on touch devices in the following sample:
snippet.dhtmlx.com/675e2cde5
no misalign between header and the data after the moving is finished.
Could you please, share with a demo link or a complete demo, where the problem can be reconstructed locally.