减少 GridView 中标题和第一行之间的间距

本文关键字：一行 之间 GridView 标题 减少 | 更新日期: 2023-09-27 18:36:12

>我创建了一个 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>

谢谢

减少 GridView 中标题和第一行之间的间距

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

jsFIddle 

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

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

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

.Site'.bold > tbody > tr:nth-child(2) > td{
    padding-top:50px;
}
相关文章：