0

グリッドビューをデータソースにバインドすると動的に作成されるhtmlがあります。私が興味を持っているのは、cssを使用して個々の列や個々のセルにアクセスするにはどうすればよいですか？手動でhtmlを作成している場合は、そこにid属性を配置しますが、プログラムの開始時に動的に作成されるため、作成できます。これが生成された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>CTS</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>CTS</td><td>1002.99</td>
        </tr><tr>
            <td>4/1/2011 12:00:00 AM</td><td>CTS</td><td>1003.99</td>
        </tr>
    </table>
</div>
4

3 に答える 3

1

テーブルにはIDがあるため、これを使用してそのテーブル内の要素にアクセスできます。たとえば、3番目の行の2番目のセルを選択するには、次を使用できます。

#ContentPlaceHolderHome_GridView1 tr:nth-child(3) td:nth-child(2)
  • nth-child（）セレクターは、IE8以前を除くすべての主要なブラウザーでサポートされています。
于 2012-06-25T18:42:20.897 に答える
1

ここでの私の推測では、テーブルを作成しているものを変更して、それらのセルにある種のクラスまたはIDを追加する必要があると思います。

于 2012-06-25T18:37:33.600 に答える
0

CssClassプロパティを使用して、コントロールのcssクラス名を定義できます。

于 2012-06-25T18:37:34.787 に答える