How to fix overlapping vertical scrollbar in gridview with fixed width columns

Question

I have a gridview with fixed width columns, and I want to enable vertical scrolling. The problem I am having is that when the scrollbar appears it overlaps the rightmost column (which is a currency value, causing the decimal part of the value to become hidden).

Is there a setting on GridViewColumn where I can set the column to a Auto width but have it automatically fill available space. Then when the scrollbar appears the column will just adjust its own width?

Here is my current XAML

<ListView IsSynchronizedWithCurrentItem="True" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Auto" Height="100">
        <ListView.View>
            <GridView AllowsColumnReorder="False" >
                <GridViewColumn Header="Payment" Width="220" CellTemplate="{DynamicResource DescriptionDataTemplate}"/>
                <GridViewColumn Header="Tip" Width="89" CellTemplate="{DynamicResource TipAmountDataTemplate}"/>
                <GridViewColumn Header="Total" Width="90" CellTemplate="{DynamicResource PayAmountDataTemplate}"/>
            </GridView>
        </ListView.View>
    </ListView>

Maybe adding an extra dummy column with 16 width is good enough? `` — benk, Mar 18 '20 at 14:33

John Gardner · Answer 1 · 2012-08-10T17:23:58.417

0

Try using Width="*" in the GridViewColumn's width field.

Otherwise, you may have to adjust the other widths to be smaller, or explicitly set the width of the scroll view/grid view.

edited Aug 10 '12 at 17:23

answered May 18 '11 at 21:05

John Gardner

24,225
5
58
76

1

if it worked, it would have been the answer! edted to not appear as a question that is a possible solution. – John Gardner Aug 10 '12 at 17:24

How to fix overlapping vertical scrollbar in gridview with fixed width columns

1 Answers1