0

CSS を使用して GridView の行をフォーマットしたいと考えています。

aspx で GridView を次のように設定しました。

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

5 に答える 5

4

このようなセレクターを使用する

  <style>
    #ContentPlaceHolderHome_GridView1 td {
     background : #ccc;
   }
  </style>
于 2012-06-25T16:38:20.897 に答える
2

行スタイルをグリッドビューに適用する方法はいくつかあります。

1）背後のコードでは、 RowDataboundにスタイルなどを適用できます。

2）gridviewタグの間で、以下を使用できます。

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

詳細については、このページを参照してください。

于 2012-06-25T16:43:34.993 に答える
1

グリッドを変更して、各列を含めます。属性を適用しItemStyle-CssClassます。

<asp:GridView runat="server" AutoGenerateColumns="false" ID="fooGrid" >
    <Columns> 
     <asp:BoundField  ItemStyle-CssClass="fooBarBat"  
                      DataField="MyDataFieldName" HeaderText="Bar" />     
    </Columns>
</asp:GridView>
于 2012-06-25T16:41:09.913 に答える
1

プロパティウィンドウを使用して、CSSのクラスを使用するようにCssClassプロパティを設定できます。または、同じプロパティウィンドウを使用する代わりに、フォントと色を簡単に設定できます。

GridViewのプロパティ

于 2012-06-25T16:41:32.213 に答える
0

gridview では、HeaderCSSClass および CSSClass という属性を設定できます (名前がわからない、間違っている可能性があります。Google で検索してください)。

于 2012-06-25T16:34:49.580 に答える