Disable Column Resize

How do I disable the resizing functionality?

Alex, you are the best one to answer this....

I have some checkbox templated cells in my grid (say, columns 5 and 6) and I don't want them to be resizable because the widths of the columns are only about 5 pixels wide....

I want the entire column's checkboxes to toggle when the header is clicked... kind of like a "de/select all" button represented by the header for columns 5 and 6.

So, with the columns being 5 pixels wide, you have a VERY small spot on the header to click without getting the resize cursor to resize the column...

Is it possible to disable the resizing cursor all together on the borders between columns 4 & 5, then 5&6, and lastly between 6&7?

Alex, you are the best one to answer this....

I have some checkbox templated cells in my grid (say, columns 5 and 6) and I don't want them to be resizable because the widths of the columns are only about 5 pixels wide....

I want the entire column's checkboxes to toggle when the header is clicked... kind of like a "de/select all" button represented by the header for columns 5 and 6.

So, with the columns being 5 pixels wide, you have a VERY small spot on the header to click without getting the resize cursor to resize the column...

Is it possible to disable the resizing cursor all together on the borders between columns 4 & 5, then 5&6, and lastly between 6&7?

The simplest would be just hide separator div -

<style>

#myGrid-separator-0,
#myGrid-separator-1 {
    display: none;
}

</style>
<script>

    var obj = new AW.UI.Grid;
    obj.setId("myGrid");
...
</script>

HI its not woking

Hi,

Try this:

#myGrid .aw-grid-separator {display: none;}

Starting with AW 2.0.2 it is possible to disable column resizing with setColumnResizable() method -

grid.setColumnResizable(false, 0); // disable resizing the first column