无法在gridview控件上设置行高

时间:2013-09-20 02:29:28

标签: asp.net css visual-studio-2010 gridview

这是我的ASP:

<asp:GridView ID="GridView1" runat="server" AllowSorting="True" AutoGenerateEditButton="true" 
    DataSourceID="AccessDataSource1"
    AutoGenerateColumns="False" DataKeyNames="ID"
    RowStyle-CssClass="editPhotoGridFormat" 
    AlternatingRowStyle-CssClass="editPhotoGridFormat"
    AlternatingRowStyle-BackColor="Gray" 
    RowStyle-Height="400px" 
    RowStyle-VerticalAlign="Top">
    <RowStyle Height="400px" />
    <Columns>
        <asp:CommandField ShowSelectButton="True" />
        <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" 
            ReadOnly="True" SortExpression="ID" />
        <asp:BoundField DataField="BlogTitle" HeaderText="BlogTitle" 
            SortExpression="BlogTitle" />
        <asp:ImageField DataImageUrlField="Image" HeaderText="Image"
            DataImageUrlFormatString="~/PlaceImages/{0}" ControlStyle-CssClass="editPhotoGridFormat"
            AlternateText="Something went wrong" 
            NullDisplayText="No picture on file" />
        <asp:BoundField DataField="PicText" HeaderText="PicText" />
        <asp:BoundField DataField="TravelDate" HeaderText="TravelDate" SortExpression="TravelDate" />
        <asp:BoundField DataField="BeginText" HeaderText="BeginText" ItemStyle-Height="10px" />
        <asp:BoundField DataField="Caption" HeaderText="Caption" />
        <asp:BoundField DataField="City" HeaderText="City" />
        <asp:BoundField DataField="Country" HeaderText="Country" 
            SortExpression="Country" />
        <asp:BoundField DataField="EndText" HeaderText="EndText" />
    </Columns>

</asp:GridView>

这是我的CSS:

.editPhotoGridFormat
    {
        width: 220px;
        height: 180px;
    }

似乎无论我在哪里设置高度,它都不想改变我的行的高度。您可以看到我在代码中的许多位置设置了高度,并且我已尝试单独使用每个高度。有什么想法吗? gridview行高的所有帖子似乎都适用于Android,lol。

2 个答案:

答案 0 :(得分:1)

试试这个

<asp:GridView ID="GridView1"> <rowstyle Height="20px" /></asp:GridView>

OR

提及HTML源代码中RowStyle(&amp; AlternateRowStyle)的高度值     

你可以在代码隐藏

中做同样的事情
GridView1.RowStyle.Height = 50;

但我的建议是使用CSS(最佳方式)

.RowStyle {
 height: 50px;
 }
.AlternateRowStyle {
 height: 50px;
 }

HTML来源

 <asp:gridview id="GridView1" runat="server" xmlns:asp="#unknown">
  RowStyle-CssClass="RowStyle"
  AlternatingRowStyle-CssClass="AlternateRowStyle">
 </asp:gridview>

答案 1 :(得分:0)

您是否尝试在css中设置行高?

在GridView的CssClassRowStyle样式的AlternateRowStyle属性中设置此样式:

.smallRow 
{
  height: 150px;
}