Anreden der Zeilen und Zellen eines GridView mit CSS - css, gridview, webforms

Ich möchte CSS verwenden, um meine GridView-Zeilen zu formatieren.

Ich habe mein GridView im aspx so eingerichtet:

<asp:GridView ID="GridView1" runat="server">
</asp:GridView>

Ich setze und binde die Datenquelle im Code-Behind, indem ich eine Methode aufrufe, um meine Daten von einer Datenzugriffsebene zu erhalten.

Da ich die Datenquelle programmgesteuert setze, haben die Zeilen und Zellen jedoch keine ID-Attribute.

Wie können Sie CSS verwenden, um diese Zeilen und Zellen zu formatieren und zu formatieren?

Dies ist der aktuell generierte HTML-Code:

<div>
<table cellspacing="0" rules="all" border="1" id="ContentPlaceHolderHome_GridView1" style="border-collapse:collapse;">
<tr>
<th scope="col">Date</th><th scope="col">Project</th><th scope="col">Amount</th>
</tr><tr>
<td>1/1/2011 12:00:00 AM</td><td>MY COMPANY</td><td>1000.99</td>
</tr><tr>
<td>2/1/2011 12:00:00 AM</td><td>ABC Company</td><td>1001.99</td>
</tr><tr>
<td>1/3/2011 12:00:00 AM</td><td>MY COMPANY</td><td>1002.99</td>
</tr><tr>
<td>4/1/2011 12:00:00 AM</td><td>MY COMPANY</td><td>1003.99</td>
</tr>
</table>
</div>

Antworten:

3 für die Antwort № 1

Verwenden Sie den Selektor so

  <style>
#ContentPlaceHolderHome_GridView1 td {
background : #ccc;
}
</style>

---

2 für die Antwort № 2

Es gibt mehrere Möglichkeiten, Zeilenstil auf eine Rasteransicht anzuwenden.

1) Im Code dahinter können Sie Stile und so weiter anwenden RowDatabound.

2) Zwischen den gridview-Tags können Sie Folgendes verwenden:

<asp:GridView ID="GridView1" runat="server">
<rowstyle CssClass="myClass" />
<alternatingrowstyle CssClass="myClass" />
</asp:GridView>

Sieh dir das an Seite für mehr Details.

---

1 für die Antwort № 3

Ändern Sie Ihr Raster so, dass es jede Spalte enthält. Wende an ItemStyle-CssClass Attribut.

<asp:GridView runat="server" AutoGenerateColumns="false" ID="fooGrid" >
<Columns>
<asp:BoundField  ItemStyle-CssClass="fooBarBat"
DataField="MyDataFieldName" HeaderText="Bar" />
</Columns>
</asp:GridView>

---

1 für die Antwort № 4

Sie können das Eigenschaftenfenster verwenden, um die CssClass-Eigenschaft für die Verwendung einer Klasse aus einem CSS festzulegen. Sie können auch einfach die Schriftarten und Farben festlegen, anstatt dasselbe Eigenschaftenfenster zu verwenden.

---

0 für die Antwort № 5

In gridview können Sie Attribute namens HeaderCSSClass und CSSClass setzen (nicht sicher über die Namen, möglicherweise sind sie falsch. google).

---