WPFVerticalAlignment="Top"不起作用

我正在用 WPF 網格系統創建一個表格演示文稿。雖然我可以創建表格，但我在商品部分的問題是，隨著Non-Merchandise越來越高，Merchandise即使我已經設定了，資料也會垂直居中VerticalAlignment="Top"。與Tender列相同的問題。請參閱下圖顯示結果。

<Grid Grid.Column="0" Grid.Row="1">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="250" />
        <ColumnDefinition Width="250" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition />
    </Grid.RowDefinitions>

    <Grid Grid.Column="0" Grid.Row="0" Background="Aqua">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>

        <TextBlock Text="Merchandise" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" HorizontalAlignment="Center" VerticalAlignment="Top" />
        <TextBlock Text="Amount" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right" Margin="5" />

        <TextBlock Text="Sales" Grid.Row="2" Grid.Column="0" VerticalAlignment="Top" />
        <TextBlock Text="25,887.22" Grid.Row="2" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Top" />

    </Grid>

    <Grid Grid.Column="1" Grid.Row="0" Background="Aquamarine">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>

        <TextBlock Text="Non-Merchandise" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" HorizontalAlignment="Center" />
        <TextBlock Text="Type" Grid.Row="1" Grid.Column="0" HorizontalAlignment="Left" Margin="5"/>
        <TextBlock Text="Amount" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right" Margin="5"/>

        <TextBlock Text="Gift Card" Grid.Row="2" Grid.Column="0" />
        <TextBlock Text="Gift Card" Grid.Row="3" Grid.Column="0" />
        <TextBlock Text="Gift Card" Grid.Row="4" Grid.Column="0" />
        <TextBlock Text="Gift Card" Grid.Row="5" Grid.Column="0" />
        <TextBlock Text="Gift Card" Grid.Row="6" Grid.Column="0" />
        <TextBlock Text="Gift Card" Grid.Row="7" Grid.Column="0" />
    </Grid>

    <Grid Grid.Column="2" Grid.Row="0" Background="AliceBlue">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>

        <TextBlock Text="Tender" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4" HorizontalAlignment="Center" />
        <TextBlock Text="Description" Grid.Row="1" Grid.Column="0" HorizontalAlignment="Left" Margin="5"/>
        <TextBlock Text="Begin Amt" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right" Margin="5"/>
        <TextBlock Text="Trx Amt" Grid.Row="1" Grid.Column="2" HorizontalAlignment="Right" Margin="5"/>
        <TextBlock Text="Removed" Grid.Row="1" Grid.Column="3" HorizontalAlignment="Right" Margin="5"/>
    </Grid>

</Grid>

uj5u.com熱心網友回復：

一個簡單的技巧是在底部添加一個額外的行并Height="*"在設定現有行的同時進行設定Height="Auto"。這樣，現有的行將被推到頂部。

<Grid.RowDefinitions>
    <RowDefinition Height="Auto" />
    <RowDefinition Height="*" />
</Grid.RowDefinitions>

標籤：wpf

上一篇：WPF：在串列外系結DataGrid

下一篇：為什么WPFRichTextBox中的TextDecorationCollection總是為空？