我遇到了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根据屏幕/网格大小调整自己,因为如果窗口大小较小,网格不需要扩展,则不会发生此问题。
1条答案
按热度按时间hl0ma9xz1#
https://docs.telerik.com/devtools/maui/controls/datagrid/columns/width
Doc说列SizeMode Auto需要该列中任何行所需的最大值。这就是你所看到的。
相反,设置每列的
SizeMode="Stretch"
。这将根据每列所需的大小按比例分配额外的空间。