प्रोग्रामिंग, सवालों के जवाब में मदद करें / सीएसएस / एक GridView की पंक्तियों और कोशिकाओं को सीएसएस के साथ स्टाइल करना - सीएसएस, ग्रिडव्यू, वेबफॉर्म

सीएसएस के साथ एक ग्रिड व्यू की पंक्तियों और कोशिकाओं को स्टाइल करना - सीएसएस, ग्रिडव्यू, वेबफॉर्म

मैं अपनी ग्रिड दृश्य पंक्तियों को प्रारूपित करने के लिए CSS का उपयोग करना चाहता हूं।

मैं इस तरह से अपने ग्रिड में अपना ग्रिड व्यू सेट कर रहा हूं:

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

मैं डेटा एक्सेस लेयर से अपने डेटा सेट को प्राप्त करने के लिए एक विधि को कॉल करके डेटा स्रोत को कोड-पीछे में बांधता हूं।

हालाँकि, क्योंकि मैं डेटा स्रोत प्रोग्रामेटिक रूप से सेट करता हूँ, पंक्तियों और कक्षों में कोई id विशेषताएँ नहीं होती हैं।

आप उन पंक्तियों और कोशिकाओं को स्टाइल और प्रारूपित करने के लिए CSS का उपयोग कैसे कर सकते हैं?

यह वर्तमान में उत्पन्न HTML है:

<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>

उत्तर:

जवाब के लिए 3 № 1

इस तरह चयनकर्ता का उपयोग करें

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

जवाब के लिए 2 № 2

कुछ तरीके हैं जिनसे आप पंक्ति शैली को ग्रिडव्यू में लागू कर सकते हैं।

1) आप पीछे कोड में शैलियों और इस तरह लागू कर सकते हैं RowDatabound.

2) ग्रिडव्यू टैग के बीच आप निम्न का उपयोग कर सकते हैं:

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

यह देखो पृष्ठ अधिक जानकारी के लिए।

उत्तर № 3 के लिए 1

प्रत्येक कॉलम को शामिल करने के लिए अपना ग्रिड संशोधित करें। लागू करें ItemStyle-CssClass विशेषता।

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

उत्तर के लिए 1 № 4

आप CSS से एक वर्ग का उपयोग करने के लिए CssClass गुण सेट करने के लिए गुण विंडो का उपयोग कर सकते हैं। या आप समान गुण विंडो का उपयोग करने के बजाय फोंट और रंगों को सरल सेट कर सकते हैं।

GridView गुण

जवाब के लिए 0 № 5

ग्रिडव्यू में आप HeaderCSSClass और CSSClass नामक विशेषताओं को सेट कर सकते हैं (नामों के बारे में निश्चित नहीं है, गलत हो सकता है। उन्हें गूगल कर सकते हैं)।

सीएसएस के साथ एक ग्रिड व्यू की पंक्तियों और कोशिकाओं को स्टाइल करना - सीएसएस, ग्रिडव्यू, वेबफॉर्म

उत्तर:

संबंधित सवाल