There seems to be a bug in Chrome with TreeGrid autoFit functionality when I set autoFitWidthApproach: "title" or "both"
After grid loads if I pick Auto Fit All Columns from header drop down menu - the records' cells widths become slightly smaller that those of the headers' corresponding widths and as a results they records are slightly shifted relative to headers.
This only happens in Chrome and only when autoFitWidthApproach: "title" or "both"
You can replicate on your demo site, for example here:
http://www-demos.smartclient.com/iso...ise#freezeTree
Just replace freezeTree.js tab's code with my example, run it and pick Auto Fit All Columns from the menu - you will see that the records shift a bit
After that if you resize column 9 (last column) - the records get adjusted properly and then calling Auto Fit All Columns once more will have the same problem
After grid loads if I pick Auto Fit All Columns from header drop down menu - the records' cells widths become slightly smaller that those of the headers' corresponding widths and as a results they records are slightly shifted relative to headers.
This only happens in Chrome and only when autoFitWidthApproach: "title" or "both"
You can replicate on your demo site, for example here:
http://www-demos.smartclient.com/iso...ise#freezeTree
Just replace freezeTree.js tab's code with my example, run it and pick Auto Fit All Columns from the menu - you will see that the records shift a bit
After that if you resize column 9 (last column) - the records get adjusted properly and then calling Auto Fit All Columns once more will have the same problem
Code:
var treeGrid = isc.TreeGrid.create({
width: 500,
height: 300,
autoDraw: true,
leaveHeaderMenuButtonSpace: true,
autoFitFieldsFillViewport: false,
autoFitFieldWidths: true,
autoFitWidthApproach: "both",
data: isc.Tree.create({
root: {
"children":[
{
"0":"rootData",
"1":1,
"2":2,
"3":3,
"4":4,
"5":5,
"6":6,
"7":7,
"8":8,
"9":9
}
]
}
}),
fields: [
{
"name":"0",
"frozen":true
},{
"name":"1"
},{
"name":"2"
},{
"name":"3"
},{
"name":"4"
},{
"name":"5"
},{
"name":"6"
},{
"name":"7"
},{
"name":"8"
},{
"name":"9"
}
]
});