XAML Telerik for MAUI -如何修复RadDataGrid未填充可用网格空间?

inb24sb2  于 2023-05-27  发布在  其他
关注(0)|答案(1)|浏览(200)

我遇到了Telerik的RadDataGrid功能的UI问题。

上面的图片说明了我的问题。正如你所看到的,在右手边有一个白色的空间,代表网格中的可用空间(深灰色是页面)。
我试图解决的问题不起作用的东西。
将以下属性添加到<telerik:RadDataGrid>标记

VerticalOptions="FillAndExpand"
HorizontalOptions="FillAndExpand"

我的网格代码也显示在下面。

<Grid Margin="30" >
        <!-- other controls or elements can be added here -->
        
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <telerik:RadDataGrid Grid.Row="0" Grid.Column="0" x:Name="dataGrid"
                     ShowGroupFooters="False"
                     CanUserResizeColumns="False"
                     AutoGenerateColumns="False"
                     UserGroupMode="Disabled"                       
                     GridLinesVisibility="Both">
</Grid>

如果需要,这里有一个示例,说明我如何定义我的一个列。

<telerik:DataGridTextColumn PropertyName="Description" HeaderText="Description"  SizeMode="Auto" >
                    
                    <telerik:DataGridTextColumn.HeaderStyle>
                        <telerik:DataGridColumnHeaderStyle BackgroundColor="{StaticResource Blue}"
                                               TextColor="White"
                                               BorderColor="LightGray"
                                               BorderThickness="2" 
                                               TextFontSize="10"/>
                    </telerik:DataGridTextColumn.HeaderStyle>
                    <telerik:DataGridTextColumn.CellContentStyle>
                        <telerik:DataGridTextCellStyle                                        
                                        FontSize="10"                                      
                                         />
                    </telerik:DataGridTextColumn.CellContentStyle>

                </telerik:DataGridTextColumn>

我想要实现的是让这个DataGrid根据屏幕/网格大小调整自己,因为如果窗口大小较小,网格不需要扩展,则不会发生此问题。

hl0ma9xz

hl0ma9xz1#

https://docs.telerik.com/devtools/maui/controls/datagrid/columns/width
Doc说列SizeMode Auto需要该列中任何行所需的最大值。这就是你所看到的。
相反,设置每列的SizeMode="Stretch"
这将根据每列所需的大小按比例分配额外的空间。

相关问题