Grid column resizing difficult?

[jchau]

Is it me or is it difficult to resize grid columns? I need to get the mouse cursor right at the edge of the column. Half the time, I end up showing the dropdown to sort/hide cols...

[methode]

Yes, agreed, me to I think it should be improved.

Matteo

[geoffrey.mcgill]

I ran a few tests and the target area appears to function exactly the same as the standard windows file explorer grids.

The target should be from exactly the splitter going right just to the left of the next column header label.

[jchau]

Windows Explorer is a little different since it does not have the header dropdown menu. The target area also seems wider in Windows Explorer. This is certainly not a huge deal but something that was pointed out on more than one occasion by users. I guess there's really no good way to fix this besides disabling the dropdown menu, which is necessary.

[geoffrey.mcgill]

I took a few measurements and compared to Vista, the column resize gutter appears to be 1px narrower.

See attached.


It should be possible to bump up that distance via css if it's a requirement of your project.

[geoffrey.mcgill]

I added a new SplitHandleWidth property to GridView.cs.

The following sample demonstrates the SplitHandleWidth property and is a slightly modified version of https://examples1.ext.net/#/GridPanel/ArrayGrid/Simple/

Example

<ext:GridPanel 
    ID="GridPanel1" 
    runat="server" 
    StoreID="Store1" 
    StripeRows="true"
    Title="Array Grid" 
    TrackMouseOver="true"
    Width="600" 
    Height="350"
    AutoExpandColumn="Company">
    <ColumnModel runat="server">
        <Columns>
            <ext:Column ColumnID="Company" Header="Company" Sortable="true" DataIndex="company" />
            <ext:Column Header="Price" Sortable="true" DataIndex="price">
                <Renderer Format="UsMoney" />
            </ext:Column>
            <ext:Column Header="Change" Sortable="true" DataIndex="change">
                <Renderer Fn="change" />
            </ext:Column>
            <ext:Column Header="Change" Sortable="true" DataIndex="pctChange">
                <Renderer Fn="pctChange" />
            </ext:Column>
            <ext:Column Header="Last Updated" Sortable="true" DataIndex="lastChange">
                <Renderer Fn="Ext.util.Format.dateRenderer('m/d/Y')" />
            </ext:Column>
        </Columns>
    </ColumnModel>
    <View>
        <ext:GridView runat="server" SplitHandleWidth="10" />
    </View>
    <SelectionModel>
        <ext:RowSelectionModel runat="server" SingleSelect="true" />
    </SelectionModel>
</ext:GridPanel>

The new property has been committed to svn and will be publicly available with the next release (0.8.2?)

Hope this helps.