Question

我有一个网格视图，我遇到的问题是当表中只有一行时标题和唯一的行真的很大，当行数增加时整个表的大小和标题缩小它看起来不错，当记录很少时它看起来像这样

！http://www.freeimagehosting.net/43572

这里有什么问题。感谢

   <asp:GridView ID="Grid_Messagetable" runat="server" BorderStyle="Ridge" BorderWidth="5"
                        CssClass="Grid_MsgTbl" CellPadding="1" CellSpacing="1" AllowPaging="False" SelectedIndex="0"
                        DataKeyNames="MsgID" ShowHeaderWhenEmpty="false" OnRowDeleting="Grid_Messagetable_RowDeleting"
                        OnRowDataBound="MyGrid_RowDataBound" AutoGenerateColumns="False" AllowSorting="true"
                        OnSorting="gridView_Sorting">



.Grid_MsgTbl
        {
            text-align: center;
            z-index: 1;
            left: 7px;
            top: 5px;
            position: relative;
            height: 308px;
            width: 646px; 
            right: 17px; 
            bottom: 524px;
        }

http://www.freeimagehosting.net/43572

Answer 1

我认为您需要为css添加更多样式。添加<HeaderStyle Height="30px"/>

同时添加AlternatingRowStyle-CssClass="altrowstyle" and HeaderStyle-CssClass="headerstyle"

因此您可以向css

添加类似内容

.rowstyle td, .altrowstyle td {height:something}

但是gridview设置.net的高度不是一个很好的方法，因为{{1}}非常聪明，可以根据数据调整高度。

无论如何，我认为这篇关于ASP.NET GridView makeover using CSS的文章会给你更好的想法。

希望这有帮助

Answer 2

从未在gridView中使用asp.net，但我的猜测是：它的大小正在根据内部存储的数据量进行调整。您可以尝试通过css为网站的每个元素设置大小。此外，如果您在调试网站外观时遇到问题，我建议您将firebug插件添加到firefox。它将真正帮助您了解与您的元素有关的内容以及哪些css转换与它们有关。

当记录很少时，网格视图标题和行大小很大，当有更多行时，它很好

2 个答案: