Freeze Headerzeile für Tabelle asp.net

Question

Ich möchte die Kopfzeile nicht bewegen, wenn ich in der Tabelle nach unten scrollen. Ich habe versucht, position:fixed im Stil von TableHeaderRow hinzuzufügen, aber das vermasselt die Formatierung des Titels.
Dies ist der Code, den ich in der .aspx Datei habe.

<asp:Table ID="tblName" runat="server" class="tblName" GridLines="Both" HorizontalAlign="Center"> 
    <asp:TableHeaderRow ForeColor="White" BackColor="DodgerBlue" Style="position:fixed ;background: linear-gradient(to bottom right, #6688FF, #AACCFF); height: 4em; text-align: center; text-transform: capitalize;"> 
     <asp:TableHeaderCell Text="Action" /> 
     <asp:TableHeaderCell Text="title" /> 
     <asp:TableHeaderCell Text="title2" /> 
     <asp:TableHeaderCell Text="title3" /> 
     <asp:TableHeaderCell Text="title4" /> 
     <asp:TableHeaderCell Text="title5" /> 
     <asp:TableHeaderCell Text="title6" /> 
     <asp:TableHeaderCell Text="title7" /> 
     <asp:TableHeaderCell Text="title8" /> 
     <asp:TableHeaderCell Text="title9" /> 
     <asp:TableHeaderCell Text="Comment" /> 
    </asp:TableHeaderRow> 
</asp:Table> 

Answer 1

Wenn Sie offen sind normale HTML-Tabelle zu verwenden, dann verwenden Sie diesen Code

<table style="width: 300px" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td>Column 1</td> 
    <td>Column 2</td> 
</tr> 
</table> 

<div style="overflow: auto;height: 100px; width: 320px;"> 
<table style="width: 300px;" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td>Value 1</td> 
    <td>Value 2</td> 
    </tr> 
    <tr> 
    <td>Value 1</td> 
    <td>Value 2</td> 
    </tr> 
    <tr> 
    <td>Value 1</td> 
    <td>Value 2</td> 
    </tr> 
    <tr> 
    <td>Value 1</td> 
    <td>Value 2</td> 
    </tr> 
    <tr> 
    <td>Value 1</td> 
    <td>Value 2</td> 
    </tr> 
<tr> 
    <td>Value 1</td> 
    <td>Value 2</td> 
</tr> 
</table>