WPF Create Table in Flow Document in VB.NET

In this article you will learn about how to work with Table in Flow Document in WPF.
  • 1909

Table: The table element is introducing in WPF for displaying the information in the tabular format and according the the requirement, the table element is basically used to display the in horizontally. whenever you want to display more than one element in horizontally or we can say you want to line-up more than one element in horizontally, than you have to use the table element. The syntax for a table is verbose, but very logical.  You simply build it up by adding columns and groups of rows within each column.  Each row can then be split into cells and you can insert content into the individual cells. By default, the content of the FlowDocument will be added vertically.

Following are the steps which you need to follow to create a Table:

  1. Place a TableRowGroup element inside the Table. The TableRowGroup holds a group of rows, and every table consists of one or more TableRowGroup elements. On its own, the TableRowGroup doesn't do anything. However, if you use multiple groups and give them each different formatting, you get an easy way to change the overall look of your table without setting repetitive formatting properties on each row.

  2. Place a TableRow element inside your TableRowGroup for each row.
     
  3. Place a TableCell element inside each TableRow to represent each column in the row.
  4. Place a block element (typically a Paragraph) in each TableCell. This is where you'll add your content for that cell.

Example of create a Table:

<Window x:Class="Documents.FlowContent"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="FlowContent" Height="381" Width="525" >
    <FlowDocumentScrollViewer>
        <FlowDocument>
            <Paragraph FontSize="14pt">Top 5 Gold Winner's of Common Wealth Games:</Paragraph>
            <Table>
                <TableRowGroup Paragraph.TextAlignment="left">
                    <TableRow FontWeight="Bold" >
                        <TableCell>
                            <Paragraph>Rank</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>Name</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>Medals</Paragraph>
                        </TableCell>
                    </TableRow>
                    <TableRow>
                        <TableCell>
                            <Paragraph>1</Paragraph>
                        </TableCell>
                        <TableCell>
                           
<Paragraph>Australia</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>74</Paragraph>
                        </TableCell>
                    </TableRow>
                    <TableRow>
                        <TableCell>
                            <Paragraph>2</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>India</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>38</Paragraph>
                        </TableCell>
                    </TableRow>
                    <TableRow>
                        <TableCell>
                            <Paragraph>3</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>England</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>37</Paragraph>
                        </TableCell>
                    </TableRow>
                    <TableRow>
                       
<TableCell>
                            <Paragraph>4</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>Canada</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>26</Paragraph>
                        </TableCell>
                    </TableRow>
                    <TableRow>
                        <TableCell>
                            <Paragraph>5</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>South Africa</Paragraph>
                        </TableCell>
                        <TableCell>
                            <Paragraph>12</Paragraph>
                        </TableCell>
                    </TableRow>
                </TableRowGroup>
           
</Table>
        </FlowDocument>
    </FlowDocumentScrollViewer>
</
Window>

Output Window

table.gif

Conclusion

I hope this article would help you understand the working of Table in Flow Document in WPF.

Categories

More Articles

© 2013 dotNetheaven. All rights reserved.