There is a bug in 10.0d when treegrid with fallowing options is initially loaded
showRowNumbers: true,
autoFitFieldsFillViewport: false,
autoFitFieldWidths: true,
autoFitWidthApproach: "both"
Clicking Auto Fit All Columns from the menu for the first time causes locked tree column to resize improperly (header is shorter than it should be and there is a gap between this header and the next header). This might be needed if the user scrolls down to see records with longer values than initial auto width which are not being auto fit on scroll. Clicking Auto Fit All Columns for the second time or resizing columns fits them perfectly
When showRowNumbers: false - there is no such bug
Here is a code sample to demonstrate.
1 - Try clicking Auto Fit All Columns right after load when everything is collapsed - the tree column header now has a gap after it.
2 - Then expand all records - auto fit is now fixes on expand.
3 - Then scroll all the way down (last record has a longer value) and click Auto Fit All Columns again - another improper auto fit happens.
4 - Then click Auto Fit All Columns once more - it is fixed
showRowNumbers: true,
autoFitFieldsFillViewport: false,
autoFitFieldWidths: true,
autoFitWidthApproach: "both"
Clicking Auto Fit All Columns from the menu for the first time causes locked tree column to resize improperly (header is shorter than it should be and there is a gap between this header and the next header). This might be needed if the user scrolls down to see records with longer values than initial auto width which are not being auto fit on scroll. Clicking Auto Fit All Columns for the second time or resizing columns fits them perfectly
When showRowNumbers: false - there is no such bug
Here is a code sample to demonstrate.
1 - Try clicking Auto Fit All Columns right after load when everything is collapsed - the tree column header now has a gap after it.
2 - Then expand all records - auto fit is now fixes on expand.
3 - Then scroll all the way down (last record has a longer value) and click Auto Fit All Columns again - another improper auto fit happens.
4 - Then click Auto Fit All Columns once more - it is fixed
Code:
<!DOCTYPE HTML>
<html><head>
<script>
var isomorphicDir="smartclientSDK/isomorphic/";
</script>
<script src=smartclientSDK/isomorphic/system/modules/ISC_Core.js></script>
<script src=smartclientSDK/isomorphic/system/modules/ISC_Foundation.js></script>
<script src=smartclientSDK/isomorphic/system/modules/ISC_Containers.js></script>
<script src=smartclientSDK/isomorphic/system/modules/ISC_Grids.js></script>
<script src=smartclientSDK/isomorphic/system/modules/ISC_Forms.js></script>
<script src=smartclientSDK/isomorphic/system/modules/ISC_DataBinding.js></script>
<script src=smartclientSDK/isomorphic/skins/Enterprise/load_skin.js></script>
</head>
<body>
<script>
isc.TreeGrid.create({
width: 300,
height: 100,
showRowNumbers: true,
autoFitFieldsFillViewport: false,
autoFitFieldWidths: true,
autoFitWidthApproach: "both",
data: isc.Tree.create({
root: {"children":[
{
"0":"rootData",
"children":[
{
"0":"child0",
"children":[
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":1,"2":1},
{"0":1,"1":"222222222222222222222","2":1}
]
}
]
}
]}
}),
fields: [
{
"name":"0",
"frozen":true
},
{
"name":"1"
}
]
});
</script>
</body></html>