I have a static width grid that doesn't have pqgrid horizontal bar.
It all works fine BUT here is the scenario that I need your help to fix:
1. User has lower resolution and use browser horizontal scroll to see the right columns
2. User clicks with mouse on the right editable column and instead of staying on the cell user clicks and open it in edit mode the grid moves to the middle of page and the column is not visible again. Basically user can't edit the column on the right with mouse click.
All works perfectly with tab though ...
Just to give you an idea of my settings here are the major pqgrid settings:
var obj = {
width:1180,
height:400,
wrap:true,
showBottom:false,
showTop:false,
collapsible:false,
resizable:false,
selectionModel:{type:'cell'},
hoverMode:'cell',
rowBorders: true,
columnBorders: true,
numberCell:{ show:false },
scrollModel: { horizontal: false},
trackModel : { on: true },
flexHeight:true,
virtualX:true,
editModel: {
filterKeys: false,
allowInvalid: true,
cellBorderWidth: 1,
onBlur: 'save'
},
colModel:[
{title:"<b>Exceptions<b> <button style='width:180px;margin-left:810px;' " +
"class='FlatButton demo-info-1' onclick='javascript:addExceptionClicked();'>Add Leave/Exception</button>",
minWidth:50,dataIndx:"Hdr",align:"center",resizable:false,
colModel:[
...............................................
