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

Question

我创建了一个 GridView，并使用 CSS 类中的“绝对”标签为我的标题修复了我的标题。

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

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

这是代码：

<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;
}