Wie man eine Farbe auf den Kopf der Spalte in Telerik RadGrid
Habe ich eine telerik RadGrid in asp .net. Meine Forderung ist, meine eigene Farbe, die Spalte header. Wie können wir das erreichen...? Unten ist der code-Struktur, die ich verwende.
<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>
Und es sollte Aussehen wie das Bild unten:
Ich fügte hinzu, in einem Schritt 0, so stellen Sie sicher, dass Sie sehen, dass. Die Grid-Ordner, den ich Frage, Sie können Ihre eigenen css-Klasse zu imitieren, das standardmäßig von telerik, aber der hintergrund der Anpassung, ohne zu brechen unsere benutzerdefinierten Funktionen.
InformationsquelleAutor Charan Raju C R | 2012-01-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Telerik verwendet automatisch eine skin für sein Netz. Wenn Sie nicht angegeben haben, eine Haut, wird es mit dem Gitter.Standard-skin. Sie können ändern, die Haut oder einen der skins zu Ihrem eigenen Stil. Befolgen Sie einfach diese Schritte.
Raster.Standard.css (Zeile 59)
Fügen Sie einen link zu der css-Datei, die Sie geändert haben, auf die Seite, wo Sie Ihre Gitter (oder in der master-Seite).
<link href="Grid.Default.css" type="text/css" />
Fügen Sie die Eigenschaft EnableEmbeddedSkins="false", um Ihre RadGrid.
<telerik:RadGrid ID="RadGrid1" EnableEmbeddedSkins="false" runat="server">
Dies wird Ihnen sagen, die Seite zu verwenden, die geänderte css-Datei anstelle der eingebettete.Telerik web-site hat in einem blog-Beitrag genannt Gewusst wie: Überschreiben die Stile in einer RadControl für ASP.NET AJAX' Embedded Haut, das erklärt im detail, wie das überschreiben einer vorhandenen Formatvorlage.
InformationsquelleAutor Daniel
Einen SEHR EINFACHEN Weg, um Ihre Ergebnisse zu nutzen...
<ItemStyle BackColor="Red"/>
Und
<AlternatingItemStyle BackColor="Red"/>
Hier ist dein code mit den tags eingefügt...
InformationsquelleAutor BGTechie
Ich hatte das gleiche Problem und auch nach überschreiben der Klasse, die Farbe der Kopfzeile aber nicht geändert.
Fand ich, dass mein überschrieben hintergrund war wieder überschrieben durch die Gitter. Ich verwendet
!important
keyword nicht zu erlauben, Raster neu zu überschreiben meiner KlasseGleichen, die Sie tun können, für jede Klasse!
InformationsquelleAutor Shahid
Treffen wir uns wieder!:
Schritt 0: (Hinzugefügt über das Menü Bearbeiten) wechseln Sie zu dem folgenden Ordner installieren und fügen Sie raster-Ordner zu Ihrem Projekt)
Ergebnisse, was ich zu produzieren verwaltet
Schritt 1: Erstellen Sie ein stylesheet, die ich mit dem Namen mine Raster.Standard.css und verknüpfen Sie es in Ihrem .aspx-Seite zwischen den head-tags.
Schritt 2: Öffnen Sie sagte, Stylesheets und fügen Sie diese im Wortlaut:
Schritt 3: Gehen Sie zu Ihrem raster und legen Sie Ihre css-Klasse "Standard" und deaktivieren embedded-skins:
Schritt 4: Führen Sie es. (Wenn Sie möchten, passen Sie die Farbe, die ich verwendet, als ich versuchte, es so nah wie möglich an die man in deinem screenshot, siehe unten.)
HINWEIS: ändern Sie die Farbe ändern, diese Deklaration in der css-Klasse:
InformationsquelleAutor KreepN