gpt4 book ai didi

telerik - 如何为 Telerik RadGrid 中的列标题添加颜色

转载 作者:行者123 更新时间:2023-12-04 11:22:39 27 4
gpt4 key购买 nike

我在 asp .net 中创建了一个 telerik RadGrid。我的要求是为列标题提供我自己的颜色。我们怎样才能做到这一点...?下面是我正在使用的代码结构。

  <Telerik:RadGrid ID="RadGrid2" runat="server">
<MasterTableView Width="100%" DataKeyNames="CustomerID" AllowMultiColumnSorting="True">

<DetailTables>
<telerik:GridTableView DataKeyNames="OrderID" Name="Orders" Width="100%">

<DetailTables>
<telerik:GridTableView DataKeyNames="OrderID" Name="OrderDetails" Width="100%">
<Columns>
<telerik:GridBoundColumn SortExpression="UnitPrice" HeaderText="Unit Price" HeaderButtonType="TextButton" DataField="UnitPrice">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Quantity" HeaderText="Quantity" HeaderButtonType="TextButton" DataField="Quantity">
</telerik:GridBoundColumn>
</Columns>
</telerik:GridTableView>
</DetailTables>

<Columns>
<telerik:GridBoundColumn SortExpression="OrderID" HeaderText="OrderID" HeaderButtonType="TextButton" DataField="OrderID">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="OrderDate" HeaderText="Date Ordered" HeaderButtonType="TextButton" DataField="OrderDate" UniqueName="OrderDate" DataFormatString="{0:D}">
</telerik:GridBoundColumn>
</Columns>

</telerik:GridTableView>
</DetailTables>

<Columns>
<telerik:GridBoundColumn SortExpression="CustomerID" HeaderText="CustomerID" HeaderButtonType="TextButton" DataField="CustomerID">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="ContactName" HeaderText="Contact Name" HeaderButtonType="TextButton" DataField="ContactName">
</telerik:GridBoundColumn>
</Columns>

</MasterTableView>
</telerik:RadGrid>

它应该如下图所示: enter image description here

最佳答案

Telerik 自动为其网格使用皮肤。如果您没有指定皮肤,它将使用 Grid.Default 皮肤。您可以将此皮肤或任何皮肤修改为您自己的自定义样式。只需按照以下步骤操作即可。

  • 更改 css 文件中的属性。 (默认网格皮肤称为 Grid.Default.css。在我的计算机上,它位于文件夹 Skins\Default 中我有用于 ASP.NET AJAX 的 telerik RadControls 的文件夹中。)在这种情况下,将 css 更改为类似这个:

Grid.Default.css(第 59 行)

.RadGrid_Default .rgHeader,
.RadGrid_Default th.rgResizeCol
{
border:0;
border-bottom:1px solid #828282;
background-color: Red;
/* background:#eaeaea 0 -2300px repeat-x url('Grid/sprite.gif'); */
}
  • 添加指向您在拥有网格的页面(或母版页)上修改的 css 文件的链接。 <link href="Grid.Default.css" rel="stylesheet" type="text/css" />

  • 将属性 EnableEmbeddedSkins="false"添加到您的 RadGrid。 <telerik:RadGrid ID="RadGrid1" EnableEmbeddedSkins="false" runat="server">这将告诉页面使用您修改的 css 文件而不是嵌入的文件。

Telerik 的网站上有一篇名为 How To Override Styles in a RadControl for ASP.NET AJAX' Embedded Skin 的博文详细解释了如何覆盖现有样式。

关于telerik - 如何为 Telerik RadGrid 中的列标题添加颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8988592/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com