HELP: hiding columns in grid

Need some help.

I have an XML data source with about 20 columns per item.
I only need to display about 10 of them.
In addition, the data is not in the order that I need to display them.

How do I just display the columns I want? If I make those unneeded columns a width of 0, sometimes it works, sometimes it doesn't. And, when it does, if a person re-sizes the columns, the columns I set to a width of 0, get displayed.

Does anyone have an example on how to display just the desired columns? Is there a style attribute (similar to width) that would make a column hidden?

Also, the Column Names ... is there a way to change it to a different color than the default color?

Any help would be appreciated. If you need more info, just ask. I'm new to ActiveWidgets and struggling a little.

Thanks,

use CSS to specify column to show/hide
Example

<style>
 body, html {margin:0px; padding: 0px; overflow: hidden;font: Tahoma 8pt;border: 1;}
.active-column-0 {width: 100px;}
.active-column-1 {width: 50px; display:none;}
.active-column-2 {width: 100px;text-align:right; background-color: #F4F7D2}
.active-column-3 {width: 100px;}
.active-column-4 {width: 100px;}
.active-column-5 {width: 50px; display:none;}
</style>

hope this help

Most definitely.

You're example showing the display:none is great.

Very much appreciate it.

Carl