Use Table to display tabular data. : FlowDocument « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. FlowDocument

Use Table to display tabular data.

      

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="Table Sample">
  <FlowDocumentScrollViewer>
    <FlowDocument>
      <Table CellSpacing="5">
        <Table.Columns>
          <TableColumn />
          <TableColumn />
          <TableColumn />
          <TableColumn />
        </Table.Columns>

        <TableRowGroup>
          <TableRow>
            <TableCell ColumnSpan="4">
              <Paragraph FontSize="24pt" FontWeight="Bold">Information</Paragraph>
            </TableCell>
          </TableRow>
          <TableRow>
            <TableCell>
              <Paragraph FontSize="14pt" FontWeight="Bold">A</Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph FontSize="14pt" FontWeight="Bold">B</Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph FontSize="14pt" FontWeight="Bold">C</Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph FontSize="14pt" FontWeight="Bold">D</Paragraph>
            </TableCell>
          </TableRow>

          <TableRow>
            <TableCell ColumnSpan="4">
              <Paragraph FontSize="14pt" FontWeight="Bold">The Inner Planets</Paragraph>
            </TableCell>
          </TableRow>
          <TableRow>
            <TableCell>
              <Paragraph>
                Mercury
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                1
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                2
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                3
              </Paragraph>
            </TableCell>
          </TableRow>
          <TableRow Background="LightGray">
            <TableCell>
              <Paragraph>
                4
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                5
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                6
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                7
              </Paragraph>
            </TableCell>
          </TableRow>
          <TableRow>
            <TableCell>
              <Paragraph>
                8
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                9
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                10
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                11
              </Paragraph>
            </TableCell>
          </TableRow>
          <TableRow Background="LightGray">
            <TableCell>
              <Paragraph>
                12
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                13
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                14
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                15
              </Paragraph>
            </TableCell>
          </TableRow>
          <TableRow>
            <TableCell ColumnSpan="4">
              <Paragraph FontSize="14pt" FontWeight="Bold">The Outer Planets</Paragraph>
            </TableCell>
          </TableRow>
          <TableRow>
            <TableCell>
              <Paragraph>
                16
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                17
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                18
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                19
              </Paragraph>
            </TableCell>
          </TableRow>
          <TableRow Background="LightGray">
            <TableCell>
              <Paragraph>
                20
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                21
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                22
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                23
              </Paragraph>
            </TableCell>
          </TableRow>
          <TableRow>
            <TableCell>
              <Paragraph>
                24
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                25
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                26
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                8
              </Paragraph>
            </TableCell>
          </TableRow>
          <TableRow Background="LightGray">
            <TableCell>
              <Paragraph>
                Neptune
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                4
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                4
              </Paragraph>
            </TableCell>
            <TableCell>
              <Paragraph>
                1
              </Paragraph>
            </TableCell>
          </TableRow>

          <TableRow>
            <TableCell ColumnSpan="4">
              <Paragraph FontSize="10pt" FontStyle="Italic">
                Information from the <Hyperlink NavigateUri="http://yoursite.com">A</Hyperlink> web site.
              </Paragraph>
            </TableCell>
          </TableRow>
        </TableRowGroup>
      </Table>
    </FlowDocument>
  </FlowDocumentScrollViewer>
</Window>
 

   
    
    
    
    
    
  

Related examples in the same category

1.	Add Paragraph to a FlowDocument
2.	Add Figure into a Paragraph
3.	FlowDocument with a Paragraph
4.	Paragraph elements and FlowDocumentPageViewer
5.	List with ListItems in a FlowDocument
6.	Put Paragraph to a ListItem
7.	Table in a Floater
8.	Set font size for FlowDocument
9.	Preserve space in FlowDocument
10.	TableCell and TableRow and TableRowGroup
11.	Put List to FlowDocument
12.	Hyperlink Element
13.	Paged Content
14.	Text Justification
15.	Add Bold line to Paragraph
16.	A Paragraph inside a Floater
17.	Add Run of text to a Paragraph
18.	Set HorizontalAnchor, VerticalAnchor, Background for Figure
19.	Nested lists
20.	FontWeight of Paragraph
21.	BlockUIContainer with a Button along with Paragraph
22.	List MarkerStyle
23.	Explicit table columns
24.	Specifying figure widths in columns units
25.	Programmatically change the FlowDirection of content within a FlowDocumentReader element
26.	Use FlowDocumentReader to display FlowDocument
27.	Programmatically Create and Save a FlowDocument
28.	Use XamlDesignerSerializationManager to write FlowDocument
29.	Show FlowDocument
30.	Table Flow Content
31.	Change FlowDocument Width and Height
32.	Clear FlowDocumentReader
33.	Programmatically add rows to a Table element.
34.	Toggle Hyphenation, Optimal Paragraph, and Column Flex
35.	Use basic typographic properties.
36.	Annotation Service