Question

我创建了一个GridView，并且我已经使用CSS类中的“absolute”标记修复了我的标题。

它工作正常，但现在我的标题隐藏了我的第一行数据。

有没有办法在第一行数据之前添加空间？

以下是代码：

<asp:Panel ID="GridPanel" runat="server" Width="99%" ScrollBars="Vertical" Height="500px"
        BorderStyle="Solid" BorderWidth="1px" BorderColor="#2F4F4F">
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4"
            DataSourceID="AccessDataSource1" ForeColor="#333333" GridLines="None" AllowSorting="True"
            CssClass="Site.bold" Font-Size="X-Small" RowHeaderColumn="Project Number" OnRowCommand="OnRowCommand"
            OnRowDataBound="OnRowDataBound" EnableTheming="true" Width="100%" EmptyDataText="">
            <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
            <Columns>
                ...
            </Columns>
            <EditRowStyle BackColor="#999999" />
            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
            <RowStyle BorderStyle="None" BackColor="#F7F6F3" ForeColor="#333333" />
            <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
            <SortedAscendingCellStyle Font-Bold="true" />
            <SortedDescendingCellStyle Font-Bold="true" />
        </asp:GridView>

谢谢

Answer 1

您可以为行容器添加padding-top。

jsFIddle

#container{
   padding-top:50px; /* this is example */
}

Answer 2

您在 CssClass="Site.bold" 中有 <asp:GridView/>。

使用它选择 padding-top 并将其添加到第二行中的每个 td 元素。

.Site\.bold > tbody > tr:nth-child(2) > td{
    padding-top:50px;
}

增加GridView中标题和第一行之间的空间

2 个答案: