Telerik RadDataGrid Xamarin:移除列分隔线与表头三点标记方法咨询
Telerik RadDataGrid for Xamarin 需求实现方案
一、移除表格列分隔线(垂直分隔线)
直接通过设置RadDataGrid的GridLinesVisibility属性即可控制分隔线显示:
- 在XAML中设置:
<telerikGrid:RadDataGrid x:Name="yourDataGrid" GridLinesVisibility="Horizontal" <!-- 其他属性 --> />
- 代码后台设置:
yourDataGrid.GridLinesVisibility = Telerik.XamarinForms.DataGrid.GridLinesVisibility.Horizontal;
GridLinesVisibility枚举值说明:
Horizontal:仅显示行分隔线(水平),隐藏列分隔线(垂直)None:隐藏所有分隔线Vertical:仅显示列分隔线Both:显示所有分隔线(默认)
二、移除表头列的三点标记
表头的三点是列操作指示器(排序/过滤等入口),通过自定义列头样式隐藏:
全局生效(所有列表头)
在资源字典中定义全局样式:
<ResourceDictionary xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:telerikGrid="clr-namespace:Telerik.XamarinForms.DataGrid;assembly=Telerik.XamarinForms.DataGrid"> <Style TargetType="telerikGrid:DataGridColumnHeader"> <Setter Property="IndicatorVisibility" Value="Collapsed"/> </Style> </ResourceDictionary>
单独列生效
针对特定列设置表头样式:
<telerikGrid:DataGridTextColumn PropertyName="YourPropertyName"> <telerikGrid:DataGridTextColumn.HeaderStyle> <Style TargetType="telerikGrid:DataGridColumnHeader"> <Setter Property="IndicatorVisibility" Value="Collapsed"/> </Style> </telerikGrid:DataGridTextColumn.HeaderStyle> </telerikGrid:DataGridTextColumn>
自定义表头模板(进阶)
如果需要完全自定义表头布局,可修改ControlTemplate隐藏指示器:
<Style TargetType="telerikGrid:DataGridColumnHeader"> <Setter Property="ControlTemplate"> <Setter.Value> <ControlTemplate TargetType="telerikGrid:DataGridColumnHeader"> <Grid BackgroundColor="{TemplateBinding BackgroundColor}"> <Label Text="{TemplateBinding Content}" VerticalOptions="Center" HorizontalOptions="Start" Margin="10,0"/> <!-- 隐藏指示器元素 --> <telerikGrid:DataGridColumnHeaderIndicator x:Name="Indicator" Visibility="Collapsed"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style>
内容的提问来源于stack exchange,提问作者DevDave
相关产品推荐
相关产品推荐

