How to create a table like structure with items control in WPF?

Question

0.00/5 (No votes)

See more:

Sample	Data verification				
	1	2	3	4	5
4	data1	data2	data2	data3	data3
3		test	data2	data3	data3
2	Sample		test	data3	data3
1				test	data3

What I have tried:

<ItemsControl ItemsSource="{Binding Path=TableHeaders}" Grid.Column="1">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="100" />
                                    <ColumnDefinition Width="20" />
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" Grid.ColumnSpan="2" TextAlignment="Center" Text="New" />
                            </Grid>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel  Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                </ItemsControl>
                <TextBlock Grid.Column="2" TextAlignment="Center" 
  Text="1" FontWeight="Bold" />
                <TextBlock Grid.Column="3" TextAlignment="Right" 
  Text="2" FontWeight="Bold" />
            </Grid>

Posted 21-Jun-21 16:57pm

Gokulnath007

Updated 21-Jun-21 21:11pm

Add a Solution

Comments

Maciej Los 22-Jun-21 2:30am

And... What's wrong with your XAML/code?

Adérito Silva 31-Jul-21 16:43pm

The ListView should work nicely, but if you require the use of an ItemsControl, you may consider the HierarchicalDataTemplate. By representing data hierarchically, you can then use StackPanels acting as rows and have each of its items sized independently (acting as columns). For this, you would need a way of knowing what items go where (to a new row or to the next column?), but a table is a two-level hierarchy anyway, so it should be feasible. You won't need a grid.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Kenneth Haugland · Answer 1 · 2021-06-21T21:11:00

Solution 1

You could use GridViewColumns? But why not just use a normal WPF ListView with GridViewColumns then?

Posted 21-Jun-21 21:11pm

Kenneth Haugland

Comments

Gokulnath007 22-Jun-21 9:48am

Need to use ItemsControl and Grid to complete this process.