Separator in ListView (WPF) ?

Question

Hi guys.
I'm gonna insert a Separator in a ListView in WPF , something like this :
image

I've used the following XAML code, but it dosn't work !

<ListView ItemsSource="{Binding ListViewItemsCollections}">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Name" Width="200" DisplayMemberBinding="{Binding GridViewColumnName}"/>
            <GridViewColumn Header="Tags" Width="200" DisplayMemberBinding="{Binding GridViewColumnTags}"/>
            <GridViewColumn Header="Location" Width="400" DisplayMemberBinding="{Binding GridViewColumnLication}"/>
        </GridView>
    </ListView.View>
    <Separator />
</ListView>

Could you please guide me ? Thanks.

Answer 1

Try putting the separator in the collection of items you are binding to. In the above code you are stting the items via the itemsSource binding and then setting the items by adding a seperator to the content. Add the seperator to the collection of items and you will see a blank row in your grid. you might have to style the separator accordingly. (but it will give you a row you cant click on)

Answer 2

Mohammad,

have you tried to apply a DataTemplate to your ListView?

Answer 3

Mohammad,

I believe inserting a separator (or a control which mimics one) is far more simple than you think :)

First of all, please take a look on how DataTemplate should be applied to a ListBox/ListView. You can find it here. Secondly, you have to decide how you're going to mimic a Separator. You can find 2 excellent examples here and here. Please keep me informed if your task is done :)