how to display grid border in grid in maui?

Question

the vertical row border and horizontal column border?

how to display it?

Answer 1

Hello,

There is not a Border property in Grid, you could try to set the space between rows and columns so that it looks like border.

(Setting margin will make a border around the Grid)

<ContentPage BackgroundColor="Black"...>
    
    <Grid Margin="2" BackgroundColor="Black" RowSpacing="2"
          ColumnSpacing="2">
        <Grid.RowDefinitions>
            <RowDefinition Height="2*" />
            <RowDefinition Height="*" />
            <RowDefinition Height="100" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

       <BoxView Grid.Row="0" Grid.Column="0"
                 Color="LightSkyBlue" />
        <BoxView Grid.Row="0" Grid.Column="1"
                 Color="LightSkyBlue" />
        <BoxView Grid.Row="1" Grid.Column="0"
                 Color="LightSkyBlue" />
        <BoxView Grid.Row="1" Grid.Column="1"
                 Color="LightSkyBlue" />
        <BoxView Grid.Row="2" Grid.Column="0"
                 Color="LightSkyBlue" />
        <BoxView Grid.Row="2" Grid.Column="1"
                 Color="LightSkyBlue" />
    </Grid>
</ContentPage>

Best Regards,

Wenyan Zhang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.