Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

SharedSizeGroup in ListView.ItemTemplate

I have this scenario where I want to share the column size among all the ListViewItems, and I'm using SharedSizeGroup on the column definitions but it doesn't work:

<ListView ItemsSource="{Binding}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" SharedSizeGroup="A" />
                    <ColumnDefinition Width="Auto" SharedSizeGroup="B" />
                    <ColumnDefinition Width="Auto" SharedSizeGroup="C" />
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0" Margin="10,0" Text="{Binding Text1}" />
                <TextBlock Grid.Column="1" Margin="10,0" Text="{Binding Text2}" />
                <TextBlock Grid.Column="2" Margin="10,0" Text="{Binding Text3}" />
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

I know a possible solution is using a GridView as the ListView.View, but there's a few design issues that prevent us from doing this. Is there any other way I can achieve sharing the column widths?

This is what I want to achieve (the columns with the same colors should share width):

enter image description here

Thanks in advance.

like image 520
Carlo Avatar asked Jun 20 '11 19:06

Carlo


1 Answers

The only thing that is missing is the scope i think, add Grid.IsSharedSizeScope="True" to the ListView attributes.

like image 168
H.B. Avatar answered Oct 04 '22 18:10

H.B.