Hi Alex,
We are using setColumnIndices() to hide some of the columns as part of the requirement.We have 85 cols with variable widths and out of those we need to display 75 columns initially onload.
and we also need to fix first 4 columns (obj.setFixedLeft(4)).
In earlier version AW 2.0.2 it was working fine, but now Grid is jumping after the freezed col.
***And we implemented disabling horizontal virtual mode as discussed in earlier msg in the thread.
Kndly help us in this regard.
****By commenting variable widths and text-align it is working , but we need different widths for different columns(mandatory)
Below mentioned is sample code snippet which we implemented
--------------------------------------------------------------
<style type="text/css">
#myGrid {height: 500px; width: 100%;}
#myGrid .aw-row-selector {text-align: center}
//commenting below things will work
#myGrid .aw-column-0 {width: 80px;}
#myGrid .aw-column-1 {width: 200px;}
#myGrid .aw-column-2 {text-align: right;}
#myGrid .aw-column-3 {text-align: right;}
#myGrid .aw-column-4 {text-align: right;}
#myGrid .aw-grid-cell {border-right: 1px solid threedlightshadow;}
#myGrid .aw-grid-row {border-bottom: 1px solid threedlightshadow;}
/* box model fix for strict doctypes, safari */
.aw-strict #myGrid .aw-grid-cell {padding-right: 3px;}
.aw-strict #myGrid .aw-grid-row {padding-bottom: 3px;}
</style>
<!-- grid data -->
<script type="text/javascript">
var myData = [["Data1:1","Data1:2","Data1:3","Data1:4","Data1:5","Data1:6","Data1:7","Data1:8","Data1:9","Data1:10","Data1:11","Data1:12","Data1:13","Data1:14","Data1:15","Data1:16","Data1:17","Data1:18","Data1:19","Data1:20","Data1:21","Data1:22","Data1:23","Data1:24","Data1:25","Data1:26","Data1:27","Data1:28","Data1:29","Data1:30","Data1:31","Data1:32","Data1:33","Data1:34","Data1:35","Data1:36","Data1:37","Data1:38","Data1:39","Data1:40","Data1:41","Data1:42","Data1:43","Data1:44","Data1:45","Data1:46","Data1:47","Data1:48","Data1:49","Data1:50","Data1:51","Data1:52","Data1:53","Data1:54","Data1:55","Data1:56","Data1:57","Data1:58","Data1:59","Data1:60","Data1:61","Data1:62","Data1:63","Data1:64","Data1:65","Data1:66","Data1:67","Data1:68","Data1:69","Data1:70","Data1:71","Data1:72","Data1:73","Data1:74","Data1:75","Data1:76","Data1:77","Data1:78","Data1:79","Data1:80","Data1:81","Data1:82","Data1:83","Data1:84"],["Data2:1","Data2:2","Data2:3","Data2:4","Data2:5","Data2:6","Data2:7","Data2:8","Data2:9","Data2:10","Data2:11","Data2:12","Data2:13","Data2:14","Data2:15","Data2:16","Data2:17","Data2:18","Data2:19","Data2:20","Data2:21","Data2:22","Data2:23","Data2:24","Data2:25","Data2:26","Data2:27","Data2:28","Data2:29","Data2:30","Data2:31","Data2:32","Data2:33","Data2:34","Data2:35","Data2:36","Data2:37","Data2:38","Data2:39","Data2:40","Data2:41","Data2:42","Data2:43","Data2:44","Data2:45","Data2:46","Data2:47","Data2:48","Data2:49","Data2:50","Data2:51","Data2:52","Data2:53","Data2:54","Data2:55","Data2:56","Data2:57","Data2:58","Data2:59","Data2:60","Data2:61","Data2:62","Data2:63","Data2:64","Data2:65","Data2:66","Data2:67","Data2:68","Data2:69","Data2:70","Data2:71","Data2:72","Data2:73","Data2:74","Data2:75","Data2:76","Data2:77","Data2:78","Data2:79","Data2:80","Data2:81","Data2:82","Data2:83","Data2:84"],["Data3:1","Data3:2","Data3:3","Data3:4","Data3:5","Data3:6","Data3:7","Data3:8","Data3:9","Data3:10","Data3:11","Data3:12","Data3:13","Data3:14","Data3:15","Data3:16","Data3:17","Data3:18","Data3:19","Data3:20","Data3:21","Data3:22","Data3:23","Data3:24","Data3:25","Data3:26","Data3:27","Data3:28","Data3:29","Data3:30","Data3:31","Data3:32","Data3:33","Data3:34","Data3:35","Data3:36","Data3:37","Data3:38","Data3:39","Data3:40","Data3:41","Data3:42","Data3:43","Data3:44","Data3:45","Data3:46","Data3:47","Data3:48","Data3:49","Data3:50","Data3:51","Data3:52","Data3:53","Data3:54","Data3:55","Data3:56","Data3:57","Data3:58","Data3:59","Data3:60","Data3:61","Data3:62","Data3:63","Data3:64","Data3:65","Data3:66","Data3:67","Data3:68","Data3:69","Data3:70","Data3:71","Data3:72","Data3:73","Data3:74","Data3:75","Data3:76","Data3:77","Data3:78","Data3:79","Data3:80","Data3:81","Data3:82","Data3:83","Data3:84"],["Data4:1","Data4:2","Data4:3","Data4:4","Data4:5","Data4:6","Data4:7","Data4:8","Data4:9","Data4:10","Data4:11","Data4:12","Data4:13","Data4:14","Data4:15","Data4:16","Data4:17","Data4:18","Data4:19","Data4:20","Data4:21","Data4:22","Data4:23","Data4:24","Data4:25","Data4:26","Data4:27","Data4:28","Data4:29","Data4:30","Data4:31","Data4:32","Data4:33","Data4:34","Data4:35","Data4:36","Data4:37","Data4:38","Data4:39","Data4:40","Data4:41","Data4:42","Data4:43","Data4:44","Data4:45","Data4:46","Data4:47","Data4:48","Data4:49","Data4:50","Data4:51","Data4:52","Data4:53","Data4:54","Data4:55","Data4:56","Data4:57","Data4:58","Data4:59","Data4:60","Data4:61","Data4:62","Data4:63","Data4:64","Data4:65","Data4:66","Data4:67","Data4:68","Data4:69","Data4:70","Data4:71","Data4:72","Data4:73","Data4:74","Data4:75","Data4:76","Data4:77","Data4:78","Data4:79","Data4:80","Data4:81","Data4:82","Data4:83","Data4:84"],["Data5:1","Data5:2","Data5:3","Data5:4","Data5:5","Data5:6","Data5:7","Data5:8","Data5:9","Data5:10","Data5:11","Data5:12","Data5:13","Data5:14","Data5:15","Data5:16","Data5:17","Data5:18","Data5:19","Data5:20","Data5:21","Data5:22","Data5:23","Data5:24","Data5:25","Data5:26","Data5:27","Data5:28","Data5:29","Data5:30","Data5:31","Data5:32","Data5:33","Data5:34","Data5:35","Data5:36","Data5:37","Data5:38","Data5:39","Data5:40","Data5:41","Data5:42","Data5:43","Data5:44","Data5:45","Data5:46","Data5:47","Data5:48","Data5:49","Data5:50","Data5:51","Data5:52","Data5:53","Data5:54","Data5:55","Data5:56","Data5:57","Data5:58","Data5:59","Data5:60","Data5:61","Data5:62","Data5:63","Data5:64","Data5:65","Data5:66","Data5:67","Data5:68","Data5:69","Data5:70","Data5:71","Data5:72","Data5:73","Data5:74","Data5:75","Data5:76","Data5:77","Data5:78","Data5:79","Data5:80","Data5:81","Data5:82","Data5:83","Data5:84"],["Data6:1","Data6:2","Data6:3","Data6:4","Data6:5","Data6:6","Data6:7","Data6:8","Data6:9","Data6:10","Data6:11","Data6:12","Data6:13","Data6:14","Data6:15","Data6:16","Data6:17","Data6:18","Data6:19","Data6:20","Data6:21","Data6:22","Data6:23","Data6:24","Data6:25","Data6:26","Data6:27","Data6:28","Data6:29","Data6:30","Data6:31","Data6:32","Data6:33","Data6:34","Data6:35","Data6:36","Data6:37","Data6:38","Data6:39","Data6:40","Data6:41","Data6:42","Data6:43","Data6:44","Data6:45","Data6:46","Data6:47","Data6:48","Data6:49","Data6:50","Data6:51","Data6:52","Data6:53","Data6:54","Data6:55","Data6:56","Data6:57","Data6:58","Data6:59","Data6:60","Data6:61","Data6:62","Data6:63","Data6:64","Data6:65","Data6:66","Data6:67","Data6:68","Data6:69","Data6:70","Data6:71","Data6:72","Data6:73","Data6:74","Data6:75","Data6:76","Data6:77","Data6:78","Data6:79","Data6:80","Data6:81","Data6:82","Data6:83","Data6:84"],["Data7:1","Data7:2","Data7:3","Data7:4","Data7:5","Data7:6","Data7:7","Data7:8","Data7:9","Data7:10","Data7:11","Data7:12","Data7:13","Data7:14","Data7:15","Data7:16","Data7:17","Data7:18","Data7:19","Data7:20","Data7:21","Data7:22","Data7:23","Data7:24","Data7:25","Data7:26","Data7:27","Data7:28","Data7:29","Data7:30","Data7:31","Data7:32","Data7:33","Data7:34","Data7:35","Data7:36","Data7:37","Data7:38","Data7:39","Data7:40","Data7:41","Data7:42","Data7:43","Data7:44","Data7:45","Data7:46","Data7:47","Data7:48","Data7:49","Data7:50","Data7:51","Data7:52","Data7:53","Data7:54","Data7:55","Data7:56","Data7:57","Data7:58","Data7:59","Data7:60","Data7:61","Data7:62","Data7:63","Data7:64","Data7:65","Data7:66","Data7:67","Data7:68","Data7:69","Data7:70","Data7:71","Data7:72","Data7:73","Data7:74","Data7:75","Data7:76","Data7:77","Data7:78","Data7:79","Data7:80","Data7:81","Data7:82","Data7:83","Data7:84"],["Data8:1","Data8:2","Data8:3","Data8:4","Data8:5","Data8:6","Data8:7","Data8:8","Data8:9","Data8:10","Data8:11","Data8:12","Data8:13","Data8:14","Data8:15","Data8:16","Data8:17","Data8:18","Data8:19","Data8:20","Data8:21","Data8:22","Data8:23","Data8:24","Data8:25","Data8:26","Data8:27","Data8:28","Data8:29","Data8:30","Data8:31","Data8:32","Data8:33","Data8:34","Data8:35","Data8:36","Data8:37","Data8:38","Data8:39","Data8:40","Data8:41","Data8:42","Data8:43","Data8:44","Data8:45","Data8:46","Data8:47","Data8:48","Data8:49","Data8:50","Data8:51","Data8:52","Data8:53","Data8:54","Data8:55","Data8:56","Data8:57","Data8:58","Data8:59","Data8:60","Data8:61","Data8:62","Data8:63","Data8:64","Data8:65","Data8:66","Data8:67","Data8:68","Data8:69","Data8:70","Data8:71","Data8:72","Data8:73","Data8:74","Data8:75","Data8:76","Data8:77","Data8:78","Data8:79","Data8:80","Data8:81","Data8:82","Data8:83","Data8:84"],["Data9:1","Data9:2","Data9:3","Data9:4","Data9:5","Data9:6","Data9:7","Data9:8","Data9:9","Data9:10","Data9:11","Data9:12","Data9:13","Data9:14","Data9:15","Data9:16","Data9:17","Data9:18","Data9:19","Data9:20","Data9:21","Data9:22","Data9:23","Data9:24","Data9:25","Data9:26","Data9:27","Data9:28","Data9:29","Data9:30","Data9:31","Data9:32","Data9:33","Data9:34","Data9:35","Data9:36","Data9:37","Data9:38","Data9:39","Data9:40","Data9:41","Data9:42","Data9:43","Data9:44","Data9:45","Data9:46","Data9:47","Data9:48","Data9:49","Data9:50","Data9:51","Data9:52","Data9:53","Data9:54","Data9:55","Data9:56","Data9:57","Data9:58","Data9:59","Data9:60","Data9:61","Data9:62","Data9:63","Data9:64","Data9:65","Data9:66","Data9:67","Data9:68","Data9:69","Data9:70","Data9:71","Data9:72","Data9:73","Data9:74","Data9:75","Data9:76","Data9:77","Data9:78","Data9:79","Data9:80","Data9:81","Data9:82","Data9:83","Data9:84"],["Data10:1","Data10:2","Data10:3","Data10:4","Data10:5","Data10:6","Data10:7","Data10:8","Data10:9","Data10:10","Data10:11","Data10:12","Data10:13","Data10:14","Data10:15","Data10:16","Data10:17","Data10:18","Data10:19","Data10:20","Data10:21","Data10:22","Data10:23","Data10:24","Data10:25","Data10:26","Data10:27","Data10:28","Data10:29","Data10:30","Data10:31","Data10:32","Data10:33","Data10:34","Data10:35","Data10:36","Data10:37","Data10:38","Data10:39","Data10:40","Data10:41","Data10:42","Data10:43","Data10:44","Data10:45","Data10:46","Data10:47","Data10:48","Data10:49","Data10:50","Data10:51","Data10:52","Data10:53","Data10:54","Data10:55","Data10:56","Data10:57","Data10:58","Data10:59","Data10:60","Data10:61","Data10:62","Data10:63","Data10:64","Data10:65","Data10:66","Data10:67","Data10:68","Data10:69","Data10:70","Data10:71","Data10:72","Data10:73","Data10:74","Data10:75","Data10:76","Data10:77","Data10:78","Data10:79","Data10:80","Data10:81","Data10:82","Data10:83","Data10:84"],["Data11:1","Data11:2","Data11:3","Data11:4","Data11:5","Data11:6","Data11:7","Data11:8","Data11:9","Data11:10","Data11:11","Data11:12","Data11:13","Data11:14","Data11:15","Data11:16","Data11:17","Data11:18","Data11:19","Data11:20","Data11:21","Data11:22","Data11:23","Data11:24","Data11:25","Data11:26","Data11:27","Data11:28","Data11:29","Data11:30","Data11:31","Data11:32","Data11:33","Data11:34","Data11:35","Data11:36","Data11:37","Data11:38","Data11:39","Data11:40","Data11:41","Data11:42","Data11:43","Data11:44","Data11:45","Data11:46","Data11:47","Data11:48","Data11:49","Data11:50","Data11:51","Data11:52","Data11:53","Data11:54","Data11:55","Data11:56","Data11:57","Data11:58","Data11:59","Data11:60","Data11:61","Data11:62","Data11:63","Data11:64","Data11:65","Data11:66","Data11:67","Data11:68","Data11:69","Data11:70","Data11:71","Data11:72","Data11:73","Data11:74","Data11:75","Data11:76","Data11:77","Data11:78","Data11:79","Data11:80","Data11:81","Data11:82","Data11:83","Data11:84"],["Data12:1","Data12:2","Data12:3","Data12:4","Data12:5","Data12:6","Data12:7","Data12:8","Data12:9","Data12:10","Data12:11","Data12:12","Data12:13","Data12:14","Data12:15","Data12:16","Data12:17","Data12:18","Data12:19","Data12:20","Data12:21","Data12:22","Data12:23","Data12:24","Data12:25","Data12:26","Data12:27","Data12:28","Data12:29","Data12:30","Data12:31","Data12:32","Data12:33","Data12:34","Data12:35","Data12:36","Data12:37","Data12:38","Data12:39","Data12:40","Data12:41","Data12:42","Data12:43","Data12:44","Data12:45","Data12:46","Data12:47","Data12:48","Data12:49","Data12:50","Data12:51","Data12:52","Data12:53","Data12:54","Data12:55","Data12:56","Data12:57","Data12:58","Data12:59","Data12:60","Data12:61","Data12:62","Data12:63","Data12:64","Data12:65","Data12:66","Data12:67","Data12:68","Data12:69","Data12:70","Data12:71","Data12:72","Data12:73","Data12:74","Data12:75","Data12:76","Data12:77","Data12:78","Data12:79","Data12:80","Data12:81","Data12:82","Data12:83","Data12:84"],["Data13:1","Data13:2","Data13:3","Data13:4","Data13:5","Data13:6","Data13:7","Data13:8","Data13:9","Data13:10","Data13:11","Data13:12","Data13:13","Data13:14","Data13:15","Data13:16","Data13:17","Data13:18","Data13:19","Data13:20","Data13:21","Data13:22","Data13:23","Data13:24","Data13:25","Data13:26","Data13:27","Data13:28","Data13:29","Data13:30","Data13:31","Data13:32","Data13:33","Data13:34","Data13:35","Data13:36","Data13:37","Data13:38","Data13:39","Data13:40","Data13:41","Data13:42","Data13:43","Data13:44","Data13:45","Data13:46","Data13:47","Data13:48","Data13:49","Data13:50","Data13:51","Data13:52","Data13:53","Data13:54","Data13:55","Data13:56","Data13:57","Data13:58","Data13:59","Data13:60","Data13:61","Data13:62","Data13:63","Data13:64","Data13:65","Data13:66","Data13:67","Data13:68","Data13:69","Data13:70","Data13:71","Data13:72","Data13:73","Data13:74","Data13:75","Data13:76","Data13:77","Data13:78","Data13:79","Data13:80","Data13:81","Data13:82","Data13:83","Data13:84"],["Data14:1","Data14:2","Data14:3","Data14:4","Data14:5","Data14:6","Data14:7","Data14:8","Data14:9","Data14:10","Data14:11","Data14:12","Data14:13","Data14:14","Data14:15","Data14:16","Data14:17","Data14:18","Data14:19","Data14:20","Data14:21","Data14:22","Data14:23","Data14:24","Data14:25","Data14:26","Data14:27","Data14:28","Data14:29","Data14:30","Data14:31","Data14:32","Data14:33","Data14:34","Data14:35","Data14:36","Data14:37","Data14:38","Data14:39","Data14:40","Data14:41","Data14:42","Data14:43","Data14:44","Data14:45","Data14:46","Data14:47","Data14:48","Data14:49","Data14:50","Data14:51","Data14:52","Data14:53","Data14:54","Data14:55","Data14:56","Data14:57","Data14:58","Data14:59","Data14:60","Data14:61","Data14:62","Data14:63","Data14:64","Data14:65","Data14:66","Data14:67","Data14:68","Data14:69","Data14:70","Data14:71","Data14:72","Data14:73","Data14:74","Data14:75","Data14:76","Data14:77","Data14:78","Data14:79","Data14:80","Data14:81","Data14:82","Data14:83","Data14:84"]];
var myColumns = ["Header1","Header2","Header3","Header4","Header5","Header6","Header7","Header8","Header9","Header10","Header11","Header12","Header13","Header14","Header15","Header16","Header17","Header18","Header19","Header20","Header21","Header22","Header23","Header24","Header25","Header26","Header27","Header28","Header29","Header30","Header31","Header32","Header33","Header34","Header35","Header36","Header37","Header38","Header39","Header40","Header41","Header42","Header43","Header44","Header45","Header46","Header47","Header48","Header49","Header50","Header51","Header52","Header53","Header54","Header55","Header56","Header57","Header58","Header59","Header60","Header61","Header62","Header63","Header64","Header65","Header66","Header67","Header68","Header69","Header70","Header71","Header72","Header73"];
</script>
</head>
<body>
<script type="text/javascript">
// create ActiveWidgets Grid javascript object
var obj = new AW.Grid.Extended;
obj.setId("myGrid");
// provide cells and headers text
obj.setCellText(myData);
obj.setHeaderText(myColumns);
// set number of rows/columns
obj.setRowCount(13);
obj.setColumnCount(85);
obj.setFixedLeft(4);
obj.setFixedRight(0);
obj.setColumnIndices([0,1,2,3,4,5,6,7,8,9,10,11,12,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70]);
// enable row selectors
obj.setSelectorVisible(false);
obj.setSelectorText(function(i){return this.getRowPosition(i)+1});
// set headers width/height
obj.setHeaderHeight(40);
obj.getHeadersTemplate().setClass("text", "wrap");
// set row selection
obj.setSelectionMode("single-row");
// set click action handler
obj.onCellClicked = function(event, col, row){window.status = this.getCellText(col, row)};
// write grid html to the page
document.write(obj);
</script>
Gattu
March 29,