c# - asp.net 中的粘性标题

Question

我有以下 aspx 代码，它在 HTML 页面中显示一个表格

<asp:GridView ID="rsvWebrootList" runat="server"
        AllowSorting="true"
        AutoGenerateColumns="false" ShowHeaderWhenEmpty="true" EmptyDataText="Nessun cliente trovato" BorderWidth="0" GridLines="None" Width="100%"
        CssClass="table table-striped table table-sm rsvSiteList select-list" RowStyle-CssClass="list-item">

        <Columns>
            <asp:BoundField DataField="SiteName" HeaderText="Nome Sito"/>
            <asp:BoundField DataField="TotalEndpoints" HeaderText="Postazioni Utilizzate" />
            <asp:BoundField DataField="DevicesAllowed" HeaderText="Numero Macchine" />
        </Columns>
        </asp:GridView>

在 site.less css 类中，我试图有一个粘性但没有成功的表头。我正在使用的代码如下：

.table-wrapper {
    > div {
        border-radius: 4px;
        overflow-y: auto;
        height: 90% !important;

        table tr th {
            position: sticky;
            top: 0;
            z-index: 1;
            background-color: #0F4C95 !important;
            overflow: auto;
            color: white;
        }
    }
}

我对代码做错了什么？如何修复表格标题以使行在其下方滚动？

提前感谢您提供的任何建议。

标签： c#cssasp.netheadersticky