Hide column headers for 2nd Grid

hi,
I am having 3 grids on my page.
1 and 2 grids are the list grids and the 3rd grid is the summary grid. in which I don't want the column headers. how can I hide the column headers. I have verified to /grid.howto.style.headers/hide-column-headers.html URL. but it hides the column header for all
grids. I want to hide the column header specific to one grid?
how can I achieve this?

Alex, will u please help me on this...

I have two grids showing... reference each grid with an id and use this in the stylesheet to only specify the style for that id... Sample code (sorry a little messy)...

<style>
#GridFilter {height: 50px; background-color: threedlightshadow; }
#GridFilter .active-scroll-top, .active-scroll-corner {display: none}
#GridFilter .active-scroll-left, .active-scroll-data {padding-top: 0px}

.active-controls-grid {height: 400px; cursor: hand;border-bottom: 1px solid threedlightshadow;}
</style>

...
<SCRIPT>
// create the grid object
var objfltr = new Active.Controls.Grid;
objfltr.setId("GridFilter");
objfltr.setProperty("row/count", 1);
objfltr.setProperty("column/count", myColumns.length);
objfltr.setProperty("data/text", '');
objfltr.setProperty("column/texts", myColumns);
objfltr.setColumnHeaderHeight("0px");
objfltr.setRowHeaderWidth("0px");
document.write(objfltr);


// create the grid object
var obj = new Active.Controls.Grid;
obj.setProperty("row/count", (myData.length-1));
obj.setProperty("column/count", myColumns.length);
obj.setProperty("data/text", function(i, j){return myData[i][j]});
obj.setProperty("column/texts", myColumns);
document.write(obj);
...
</SCRIPT>