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.

Hi

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

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.

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

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.

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);

Hi Alex,

Thanks for the reply.
It did worked.

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

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.

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>

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.

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?

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

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

obj.setColumnWidth(80, 0);
obj.setColumnWidth(200, 1);