Сетка альтернатива для FlowDocument?

Question

Из того, что я прочитал, нельзя использовать Grid внутри FlowDocument.

 <TextBlock Margin="0 10" FontFamily="Ubuntu"  FontSize="19" FontWeight="DemiBold" Text="Account details"></TextBlock>
 <Separator  Width="600"></Separator>
 <StackPanel Margin="0 10" Orientation="Horizontal">

       <TextBlock Margin="0 0 30 0"  Text="Account ID"></TextBlock>
       <TextBlock Margin="0 0 30 0" Text="Username"></TextBlock>
       <TextBlock Margin="0 0 30 0"  Text="Password"></TextBlock>
       <TextBlock Margin="0 0 30 0"  Text="Creation date"></TextBlock>

    </StackPanel>
 <Separator  Width="600"></Separator>
  <StackPanel Margin="0 10" Orientation="Horizontal">

    <TextBlock  Width="102" Margin="0 0 30 0"  ></TextBlock>
    <TextBlock  Width="Auto" Margin="0 0 30 0" ></TextBlock>
    <TextBlock   Width="Auto" Margin="0 0 30 0"  ></TextBlock>
    <TextBlock   Width="91" Margin="0 0 30 0"  ></TextBlock>

  </StackPanel>

 </StackPanel>

Вывод:

Проблема теперь в том, что если я заполню Textblock's во второй StackPanel,они не будут отображать весь текст, если они длинные, что ожидается, поскольку я установил для них определенную ширину.Если я установлю его на Auto Это будет показываться, но содержимое каждого Textblock не будет выравниваться по столбцам и будет более грязным.

Какие у меня текущие параметры?

Answer 1

Если вы хотите создать вид сетки в вашем FlowDocument (то есть вы хотите нарисовать таблицу), вы можете использовать класс Table .Он происходит от элемента Block , поэтому он может содержаться в FlowDocument.

Table, который довольно прост в использовании:

<FlowDocument>
  <Table>
    <!-- 
      This table has 3 columns, each described by a TableColumn 
      element nested in a Table.Columns collection element. 
    -->
    <Table.Columns>
      <TableColumn />
      <TableColumn />
      <TableColumn />
    </Table.Columns>
    <!-- 
      This table includes a single TableRowGroup which hosts 2 rows,
      each described by a TableRow element.
    -->
    <TableRowGroup>
      <!--
        Each of the 2 TableRow elements hosts 3 cells, described by
        TableCell elements.
      -->
      <TableRow>
        <TableCell>
          <!-- 
            TableCell elements may only host elements derived from Block.
            In this example, Paragaph elements serve as the ultimate content
            containers for the cells in this table.
          -->
          <Paragraph>Cell at Row 1 Column 1</Paragraph>
        </TableCell>
        <TableCell>
          <Paragraph>Cell at Row 1 Column 2</Paragraph>
        </TableCell>
        <TableCell>
          <Paragraph>Cell at Row 1 Column 3</Paragraph>
        </TableCell>
      </TableRow>
      <TableRow>
        <TableCell>
          <Paragraph>Cell at Row 2 Column 1</Paragraph>
        </TableCell>
        <TableCell>
          <Paragraph>Cell at Row 2 Column 2</Paragraph>
        </TableCell>
        <TableCell>
          <Paragraph>Cell at Row 2 Column 3</Paragraph>
        </TableCell>
      </TableRow>
    </TableRowGroup>
  </Table>
</FlowDocument>

Вы можетеНайти больше информации здесь .Я надеюсь, что это может помочь вам.