居中或右对齐网格列标题内容

环境

描述

如何将网格列标题的文本内容居中?

如何对齐网格标题单元格文本向右?

解决方案

使用自定义CSS覆盖默认的网格样式．自版本3.4.0,网格列提供HeaderClass参数这可以帮助定位特定的列。

对于较旧的产品版本，或针对所有列，请使用.k-header而不是自定义CSS类。

             @code { List GridData { get; set; } protected override void OnInitialized() { GridData = new List(); var rnd = new Random(); for (int i = 1; i <= 7; i++) { GridData.Add(new Product() { Id = i, Name = "Product " + i.ToString(), Price = (decimal)rnd.Next(1, 100), ReleaseDate = DateTime.Now.AddDays(-rnd.Next(60, 1000)), Active = i % 3 == 0 }); } } public class Product { public int Id { get; set; } public string Name { get; set; } public decimal Price { get; set; } public DateTime ReleaseDate { get; set; } public bool Active { get; set; } } }

笔记

• 如果您也需要包装列标题内容，您可以尝试这篇知识库文章中的方法将网格列标题文本换行并居中．它展示了如何更改标题单元格的默认显示属性为块然后很容易操作与他们的内容包装和中心。

• 如果希望完全控制标题文本内容和呈现，可以使用列标题模板．

另请参阅

• 将网格列标题文本换行并居中