I'm running into this too (which would be a bit of a showstopper for me, because I'm thinking of using ActiveWidgets to 'enhance' portions of an application -- and I don't control the rest of the page. One of the things I'm supposed to provide is a resizable grid, so turning off the resizing isn't really an option. Even if table-layout:fixed fixes the problem, it has other implications about how the tables (in the page) are layed out, and I'd probably have to do a fair amount of CSS or table tweaking to get the appearance to be as it is now).
I thought of the following, which I tried, and seems like it might work:
1) I downloaded cssQuery from
http://dean.edwards.name/my/cssQuery/ (there are other 'return DOM elements which match this css class' libraries, not saying this is the best, just the first I tried).
2) In the middle of
AW.Grid.Controllers.Width={
onColumnWidthChanged:function(width,column){
...
var rules=AW.getRules(ss);
// *** This is the code I added
var elems = cssQuery(selector);
for (var i = 0; i < elems.length; i++) {
elems[i].style.width = w;
}
// *** End of code I added
for(i=0;i<rules.length;i++){
...
So, instead of modifying the style sheet rule, I'm actually directly setting the width of those elements.
Fair warning: I've tried this on exactly one grid. The code above is only necessary for IE, but doesn't seem to harm anything else.