Cfgrid hiding and showing columns dynamically

Question

I am trying to get my grid and some checkboxes to integrate
with each other in order to show and hide different columns through
actionscript. I am using the code found at this website:
http://www.asfusion.com/blog/entry/mxna-reader-built-with-cfforms
and I have been having no luck in trying to implement it. I
would like to do away with the .as files that come along with this
code but I can't get it to work with or without it. Does anybody
know how to do this, I am at a loss and I need to get it working
soon.
Thanks in advance!
Jeff
Here's the code I have been working with:
<cfformitem type="script">
<!---
function _global.hideColumns()
_global.postColumns = [];
for(var i =0; i< contactList2.columnCount; i++)
_global.postColumns.push(posts.getColumnAt(i));
contactList2.removeColumnAt(6);
contactList2.removeColumnAt(5);
contactList2.removeColumnAt(4);
contactList2.removeColumnAt(3);
function _global.setColumn(target, col)
if(target.value)
contactList2.addColumn(_global.postColumns[col.index]);
contactList2.spaceColumnsEqually();
contactList2.getColumnAt(0).width = 0;
else
for(var i = 0; i< contactList2.columnCount; i ++)
if(contactList2.getColumnAt(i).columnName == col.data)
contactList2.removeColumnAt(i);
</cfformitem>
<cfform action="#cgi.script_name#" method="post"
name="form" preservedata="true" preloader="yes" format="flash"
height="605" width="765" skin="haloblue"
style="themeColor:##56A1E1; marginRight:0;
background-color:##7B8DA1;">
<cfgrid name="contactList2" query="GetActivity"
rowheaders="false" height="365" colheaderalign="center"
colheaderfontsize="12" colheaderbold="yes"
onchange="getUrl('act_view.cfm?ActivityID=' +
contactList2.dataProvider[contactList2.selectedIndex]['ActivityID']);">
<cfgridcolumn name="ActivityID" display="no">
<cfgridcolumn name="Title" header="Activity Title"
width="150">
<cfgridcolumn name="Details" header="Details">
<cfgridcolumn name="SiteArea" header="Site Area"
width="70">
<cfgridcolumn name="Mission" header="Mission"
width="70">
<cfgridcolumn name="Date" header="Activity Date"
mask="mm/dd/yyyy" width="95">
</cfgrid>
<cfformgroup type="horizontal" height="14">
<cfinput type="text" name="columns" visible="no"
label="Check here to show columns:" width="0">
<cfinput type="checkbox" name="chktitle" checked="true"
label="Title" onClick="_global.setColumn(chktitle, {index:1,
data:'title'})">
<cfinput type="checkbox" name="chkdetails" checked="true"
label="Details" onClick="_global.setColumn(chkdetails, {index:2,
data:'details'})">
<cfinput type="checkbox" name="chkSite" checked="false"
label="SiteArea" onClick="_global.setColumn(chkSite, {index:3,
data:'siteArea'})">
<cfinput type="checkbox" name="chkMission"
checked="false" label="Mission"
onClick="_global.setColumn(chkMission, {index:4,
data:'mission'})">
<cfinput type="checkbox" name="chkDate" checked="true"
label="Date" onClick="_global.setColumn(chkDate, {index:5,
data:'Date'})">
</cfformgroup>
</cfform>

Answer 1

Hmm. Perhaps the problem is that when these columns are hidden or shown, the data is cleared out so there is nothing visible in any column.  Still, shouldn't the width stay static according to the width I specified for each column?  It seems like a bug, really, but I'm not sure why it seems uncommon.
Unfortunately an upgrade to Flex 3 isn't possible at the moment, I don't think.