how to disable columns resize event

I would not like to change mouse cursor style and resize columns width when mouse dragging

To disable column resizing on all columns - add the following stylesheet rules:

<style>
.active-box-div {display: none;}
</style>

To disable resize on one column (for example the first one):

<style>
.active-column-0 .active-box-div {display: none;}
</style>

This class name is not very descriptive so I may change it to something like ".active-box-resize" in the future version.

document.styleSheets[document.styleSheets.length-1].addRule(".active-box-resize", "display: none;");

document.styleSheets[document.styleSheets.length-1].addRule(".active-column-N .active-box-resize", "display: none;");

So sweet...

How would one go about this same process in version 2.0 of the grid?

style="display:none;">

This seems to prevent column width re-sizing by removing the column separator in the header.

Is there a way of preventing column width re-sizing, but keeping the column separator (it looks better keeping it)?

Will