0

2 つの動的列を持つ Asp Gridview があります。1 つの列には一連の文字 (説明) が表示され、もう 1 つの列には画像が表示されます。この説明を制限したいだけですグリッド行の高さ。

<div>
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" EnableModelValidation="True"
                  AllowPaging="True" GridLines="None" onselectedindexchanged="GridView1_SelectedIndexChanged">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Label ID="Label_dynamicDes" runat="server" Text='<%#Bind("description") %>'></asp:Label> <br/>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:ImageField DataImageUrlField="picpath" ControlStyle-Width='200px'>
                <ControlStyle Width="200px"></ControlStyle>
            </asp:ImageField>
        </Columns>
    </asp:GridView>

    <asp:SqlDataSource ID="SqlDataSource_dynamic" runat="server">
    </asp:SqlDataSource>

</div>

GridView の行サイズの高さを制御するにはどうすればよいですか? コードビハインドではできません。動的行のサイズを事前に定義する css 関数を教えてください。

4

2 に答える 2

3

コード ビハインドまたはマークアップからRowStyleandを設定できます。AlternatingRowStyle詳細については、 MSDNを参照してください。

編集：

RowStyle-CssClass次のようにマークアップで設定できます。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1" EnableModelValidation="True"
AllowPaging="True" GridLines="None" onselectedindexchanged="GridView1_SelectedIndexChanged"
RowStyle-CssClass="my-table-row-style">

次のようにコード ビハインドで設定します。

GridView1.RowStyle.CssClass = "my-table-row-style";

または、次のように純粋に CSS で実行します。

#GridView1 td
{
    height: 90px;
}
于 2012-10-14T05:49:43.310 に答える
1

行の高さを画像の高さ（90pxと仮定）より大きくしたくないと思います。TemplateFieldに固定の高さのdivを配置し、高さを設定できます

   <asp:TemplateField>
    <ItemTemplate>

       <div style="height:90px; overflow:auto">
        <asp:Label ID="Label_dynamicDes" runat="server" Text='<%#Bind("description") %>'></asp:Label>
       </div>

    </ItemTemplate>
   </asp:TemplateField>

説明が高さよりも大きい場合、divには。のためにスクロールバーが表示されoverflow:autoます。あなたも持つことができますoverflow:scroll

于 2012-10-14T07:44:56.397 に答える