2012-01-12 8 views
0

グリッドのヘッダーと同じように最初の色に色を付けたいと思います。グリッドの最初の列に色を与える方法は?

これは私が望む元のグリッドの画像です。 this is the image of original grid which i want..

この今

this is the image of my which is displaying now..

と、このグリッド表示している私のイメージが動的に作成され、すべてのデータがサーバからfilldされています。このルールの意志:私はあなたが簡単なCSS

table tr td:first-child 
{ 
    background-color: #FACF7B; 
} 

にEDITを使用してこれを行うことができますランタイム

答えて

4

でグリッドの(画像に示すように、すべてではないcoloumn、)のみ最初coloumnに色を与えることですしたいですしかし、すべてのテーブルに適用されます。あなたは、例えば、唯一の特定のテーブルに適用し、それを変更することができます。

.myTable tr td:first-child /* all tables with class="myTable" */ 
{ 
    background-color: #FACF7B; 
} 

#myTable tr td:first-child /* tables with id="myTable" */ 
{ 
    background-color: #FACF7B; 
} 
4

があなたの最初のテンプレートフィールドにitemstyleを追加

<HeaderStyle BackColor="#FEFF01" HorizontalAlign="Center" /> 
<ItemStyle BackColor="#FEFF01" Font-Bold="True" HorizontalAlign="Center" /> 

EDIT:

はここを参照してください、私のグリッドビューで

<asp:GridView ID="GridViewOrganizationShareFee" runat="server" 
         AutoGenerateColumns="False" BackColor="White"> 
         <HeaderStyle BackColor="#FFC000" Font-Bold="True" ForeColor="Black" Height="45px" HorizontalAlign="Center" /> 
         <RowStyle ForeColor="Black" BackColor="#FFFDFF" Font-Bold="true" />      
        <Columns>     
        <asp:TemplateField HeaderText="Organization"> 
          <ItemTemplate> 
           <asp:Label ID="LabelOrganizationName" runat="server" Text='<%#Eval("OrganizationID").ToString()=="0"?"n/a":Eval("Name") %>'></asp:Label> 
          </ItemTemplate>       
          <HeaderStyle BackColor="#FEFF01" HorizontalAlign="Center" /> 
          <ItemStyle BackColor="#FEFF01" Font-Bold="True" HorizontalAlign="Center" /> 
         </asp:TemplateField> 

         <asp:TemplateField HeaderText="Fee Type"> 
          <ItemTemplate> 
           <asp:Image ID="ImageDollor" runat="server" ImageUrl="~/Images/Icons/dollor.png" Visible='<%#Eval("DojoEventPaymentType").ToString().ToLower()=="a"?true:false %>' /> 
           <asp:Image ID="ImagePercent" runat="server" ImageUrl="~/Images/Icons/percent.png" Visible='<%#Eval("DojoEventPaymentType").ToString().ToLower()=="p"?true:false %>' />   </ItemTemplate><ItemStyle HorizontalAlign="Center" /> 
         </asp:TemplateField> 

        </Columns> 
        </asp:GridView>  
+0

正確にあなたが望むそれを私のグリッドを見て – Neha

+1

全体の列の上に置かないでください、あなたの最初のテンプレートのitemstyleした後、あなたはいくつかの考えを持っています。 – Neha

+0

グリッドのdataboundイベントでこれを設定することもできます – Neha

1

試用:

GridView1.Columns[0].ItemStyle.BackColor = System.Drawing.Color.Orange; 
+0

これはでサポートされていません.netとvb。 – Rohan

1
GridView1.Columns[0].ItemStyle.BackColor = System.Drawing.Color.Red; 

ポストこの後、あなたバインドグリッドdata.ie

GridView1.DataBind(); 
関連する問題