# Disable Virtual Mode for only Columns -- Active widgets 2.5.5

Alex,

We recently purchased Active Widgets 2.5.5 and clients are not showing interest towards "Virtual mode" in "horizontal(Columns) rendering", though they are ok with vertical(rows).

Can we 'OFF' virtual mode for "horizontal rendering" (columns) only.

Kindly help in this regard.

We recently purchased Active Widgets 2.5.5 and clients are not showing interest towards "Virtual mode" in "horizontal(Columns) rendering", though they are ok with vertical(rows).

Can we 'OFF' virtual mode for "horizontal rendering" (columns) only.

Kindly help in this regard.

Gattu

February 28,

Hi

Even we are also facing same problem. Can somebody help on this. Its is very urgent.

Even we are also facing same problem. Can somebody help on this. Its is very urgent.

Srini

March 1,

Can you please help on this, and let me know which fuctions we need to change to achieve this in existing code AW 2.5.5 ?

I changed in virtual function , is it right?

setcolumnvirtualscroll --> 0

setcolumnvirtualoffset --> 0

setcolumnvirtualcount --> totalcolcount

We insisted our client to purchase the product and we got it. But we are not satisfied by the support rendered by you till date.

Looking for more support on this.

Kindly help us.

I changed in virtual function , is it right?

setcolumnvirtualscroll --> 0

setcolumnvirtualoffset --> 0

setcolumnvirtualcount --> totalcolcount

We insisted our client to purchase the product and we got it. But we are not satisfied by the support rendered by you till date.

Looking for more support on this.

Kindly help us.

Gattu

March 8,

Looks like the relevant code is in _virtual.js, jave you reviewed this file?

Erik Dobrie

March 9,

Hi Erik,

I have checked the _virtual.js file.

And above settings whatever i mentioned, is working for me.But want to confirm whther these are correct steps to disable horizontal virtual rendering or not.

Kindly comfirm on this.

I have checked the _virtual.js file.

And above settings whatever i mentioned, is working for me.But want to confirm whther these are correct steps to disable horizontal virtual rendering or not.

Kindly comfirm on this.

Gattu

March 11,

Yes, you have to edit /source/lib/grid/_virtual.js (there is no configuration option to switch off virtual scrolling). Replace lines 97-99 with

this.setColumnVirtualScroll(0);

this.setColumnVirtualOffset(columnOffset);

this.setColumnVirtualCount(columnCount);

this.setColumnVirtualScroll(0);

this.setColumnVirtualOffset(columnOffset);

this.setColumnVirtualCount(columnCount);

Alex (ActiveWidgets)

March 13,

Hi Alex,

Thanks for the reply.

It did worked.

But are there any side-effects by doing this, other than that horizontal rendering disabling.

Thanks for the reply.

It did worked.

But are there any side-effects by doing this, other than that horizontal rendering disabling.

Gattu

March 14,

Hi Alex,

The above solution also worked for me.

Disabling virtual mode for columns worked, but i have a small problem in it.

while loading a small sliding effect is coming between freezed columns and other.

My aim is to display as it was displayed in earlier versions taking new enhancements.

The above solution also worked for me.

Disabling virtual mode for columns worked, but i have a small problem in it.

while loading a small sliding effect is coming between freezed columns and other.

My aim is to display as it was displayed in earlier versions taking new enhancements.

Vijay

March 22,

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>

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,

Hi Alex,

Please find the concised code of above one , made easier for copying.

=================================

<!-- grid format -->

<style type="text/css">

#myGrid {height: 500px; width: 100%;}

#myGrid .aw-row-selector {text-align: center}

#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>

<script type="text/javascript">

// create ActiveWidgets Grid javascript object

var obj = new AW.Grid.Extended;

obj.setId("myGrid");

// provide cells and headers text

obj.setCellData(function(col, row){return "Data"+col + ":" + row});

obj.setHeaderText(function(col){return "Header"+col});

// 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>

=========================================

Thanks.

Please find the concised code of above one , made easier for copying.

=================================

<!-- grid format -->

<style type="text/css">

#myGrid {height: 500px; width: 100%;}

#myGrid .aw-row-selector {text-align: center}

#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>

<script type="text/javascript">

// create ActiveWidgets Grid javascript object

var obj = new AW.Grid.Extended;

obj.setId("myGrid");

// provide cells and headers text

obj.setCellData(function(col, row){return "Data"+col + ":" + row});

obj.setHeaderText(function(col){return "Header"+col});

// 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>

=========================================

Thanks.

Gattu

March 29,

We are seeing the great performance with AW2.5.5 compared to AW2.0.2. We are very happy to say that we purchased great product.

We have samll issues like mentioned above which were working fine in 2.0.2. Please respond as soon as possible for above post, and also is it possible to provide some additional support to licensed users?

We have samll issues like mentioned above which were working fine in 2.0.2. Please respond as soon as possible for above post, and also is it possible to provide some additional support to licensed users?

Srini

March 29,

If we put sum of widths is divisible by 100 then jump is going off it seems. Is there any connection between this? We are working on IE6/IE7

Srini

March 30,

Could you try to set the column widths using script instead of css -

obj.setColumnWidth(80, 0);

obj.setColumnWidth(200, 1);

obj.setColumnWidth(80, 0);

obj.setColumnWidth(200, 1);

Alex (ActiveWidgets)

April 4,

This topic is archived.

### See also:

Back to support forum