列的样式
RadDataGrid组件提供了用于自定义列及其单元格外观的样式机制。
样式化机制由以下属性表示:
- HeaderStyle(DataGridColumnHeaderStyle)
- CellContentStyle(DataGridTypedColumn)
- CellDecorationStyle(DataGridBorderStyle)
- CellEditorStyle(DataGridTypedColumn)
HeaderStyle
HeaderStyle定义列标题的外观。DataGridColumnHeaderStyle公开用于样式化其标题、筛选指示器、指示器、选项按钮和排序指示器的属性。
标题样式
使用以下属性设置RadDataGridColumnHeader的样式:
- 输入TextColor和写成BackgroundColor:分别定义文本部分/背景的颜色。
- BorderColor和BorderThickness:定义列标题周围的边框样式。
- 字体选项(TextFontAttributes, TextFontFamily, TextFontSize):为ColumnHeader的文本部分定义字体选项。
- 文本对齐方式(TextMargin, HorizontalTextAlignment, VerticalTextAlignment):为ColumnHeader的文本部分定义位置。
FilterIndicator样式
使用以下属性样式化columnheader的FilterIndicator。
- 过滤器指示器字体选项(FilterIndicatorFontAttributes, FilterIndicatorFontFamily, FilterIndicatorFontSize):定义ColumnHeader过滤器符号的字体选项。
- FilterIndicatorMargin:定义ColumnHeader的过滤器符号的边距。
- FilterIndicatorText:为ColumnHeader的过滤器符号定义文本。
- FilterIndicatorTextColor:定义过滤器符号正常状态的颜色。
请注意,一旦应用了筛选操作,筛选指示器将在ColumnHeader单元格中可见。此外,默认情况下,FilterIndicator使用内部符号字体族。要显示文本而不是符号,请将字体族设置为FilterIndicatorFontFamily属性并将文本设置为FilterIndicatorText财产。有关过滤功能的更多细节,请访问在这里。
SortIndicator样式
的指示器一旦RadDataGridColumnHeader排序(在ColumnHeader单元格上点击/单击),就会显示,并且可以使用以下属性进行样式化:
- IndicatorColor:为ColumnHeader的指示器部分定义颜色。
- 指示灯字体选项(IndicatorFontAttributes, IndicatoFontFamily, IndicatoFontSize):为ColumnHeader指示器定义字体选项。
- IndicatorMargin:定义ColumnHeader中指示器部分的边距。
- IndicatorText:定义ColumnHeader中指示器部分的文本。
- SortIndicatorAscendingText:定义升序排序时排序指示器的文本。
- SortIndicatorDescendingText:定义降序排序时排序指示器的文本。
默认情况下,指示器由一个字符串符号表示,可以使用IndicatorText和IndicatorFontFamily属性。有关排序功能检查的更多详细信息在这里。
OptionsButton样式
的OptionsButtonRadDataGridColumnHeader的FilteringUI表示DataGrid的FilteringUI。使用OptionsButton可以打开Filtering UI控件。
选项按钮的样式可以使用以下属性进行自定义:
- 字体选项(OptonsButtonFontAttributes, OptionsButtonFontFamily, OptionsButtonFontSize):为ColumHeaders选项按钮定义字体选项
- OptionsButtonMargin:定义ColumnsHeader选项按钮的边距
- OptionsButtonText:定义ColumnHeaders选项按钮的文本。
- OptionsButtonTextColor:定义ColumnHeaders选项按钮的文本颜色。
为了改变OptionsButton的可见性,您可以设置
IsOptionsButtonVisible
保龄球
财产。缺省值为真正的
这意味着默认情况下OptionsButton是可见的。
< telerikGrid: DataGridTextColumn。HeaderStyle >
默认情况下,选项按钮由一个可以通过更改的字符串符号表示OptionsButtonText和OptionsButtonFontFamily属性。
下面是一个设置HeaderStyle属性的例子:
< telerikGrid: DataGridTextColumn。HeaderStyle >
CellContentStyle
CellContentStyle属性定义与列关联的每个单元格的外观。Style对象的目标类型取决于列的类型。例如,对于DataGridTextColumn会的TextBlock类型。你可以去列类型部分(文本列,例如),以检查每个列类型的TargetType。以下属性可用于定义文本单元格元素的样式:
- 字体选项(FontAttributes, FontFamily, FontSize):定义单元格文本的字体。
- 输入TextColor/SelectedTextColor:定义单元格文本的颜色,您可以为选定的单元格设置不同的值。
- 文本对齐方式(TextMargin, HorizontalTextAlignment, VerticalTextAlignment):定义文本在单元格内的位置。
的
CellContentStyle
不申请TemplateColumn
。此外,当CellContentTemplate
使用。
下面是一个设置CellContentStyle属性的例子:
< telerikGrid: DataGridTextColumn。CellContentStyle >
CellDecorationStyle
控件关联的列的每个单元格的边框设置样式CellDecorationStyle属性被使用。CellDecorationStyle是类型DataGridBorderStyle它提供以下属性:BackgroundColor, BorderColor, borderticness。
下面是一个如何在列上设置这些属性的例子:
< telerikGrid: DataGridTextColumn。CellDecorationStyle >
CellEditorStyle
CellEditorStyle定义将应用于单元格编辑器的样式。
下面是一个如何设置此属性的示例:
< telerikGrid: DataGridTextColumn。CellEditorStyle >
这是应用自定义列的属性时,列样式的外观:
FooterStyle
FooterStyle
定义列页脚的外观。的DataGridColumnFooterStyle
为样式化暴露以下属性:
输入TextColor
和写成BackgroundColor
-分别定义文本部分/背景的颜色。BorderColor
和BorderThickness
-定义栏脚周围边框的样式。字体选项
(TextFontFamily
,TextFontAttributes
,TextFontSize
的文本部分定义字体选项ColumnFooter
。文本对齐方式
(TextMargin
,HorizontalTextAlignment
,文本垂直对齐
的文本部分的定位ColumnFooter
。
浏览器应用程序包含DataGrid/ styles文件夹中的Columns样式示例。