There seems to be a bug in TreeGrid with frozen column when I apply bottom border to cells - when I scroll down to load more records - the rows in frozen column mismatch the rest of columns
Here is the sample code: just scroll all the way down in grid to see the problem - the rows of locked column mismatch the rows of other columns. Am I doing something wrong or is it a bug?
Here is the sample code: just scroll all the way down in grid to see the problem - the rows of locked column mismatch the rows of other columns. Am I doing something wrong or is it a bug?
Code:
<style>
.listTable td{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
</style>
<script>
var root = {
children: [{
0: 'rootData',
children: []
}]
},
rootData = root.children[0],
row,
fields = [],
folders = 3,
leafs = 5,
allCols = 20,
displayCols = 10;
for(var i=0; i<folders; i++){
var children = (
rootData.children[i] = {
0: 'child' + i,
children: []
}
).children;
for(var j=0; j < leafs; j++) {
row = children[j] = {};
for (var k = 0; k < allCols; k++) {
row[k] = j + 1;
}
}
}
for(var i=0; i<displayCols; i++){
fields.push({name: ''+ i, width: 150});
}
fields[0].frozen = true;
var treeGrid = isc.TreeGrid.create({
width: 400,
height: 200,
autoDraw:true,
data: isc.Tree.create({
root: root
}),
fields: fields
});
treeGrid.data.openAll();
</script>