c# - 最後のいくつかの行、最初のいくつかの列、およびグリッド ビューのヘッダーを固定する

Question

グリッド ビューの最後の 4 行をフリーズする回避策を提案してください。

ヘッダー行を正常に固定し、2 列を残しました。また、要件に従って、最後の 4 行も凍結する必要があります。

グリッド ビューの最後の 4 行を固定する

Answer 1

フッターとして固定されている最後の行の最初のセル (左スクロール用に固定されている) のみの別の Css

.GVFixedFooterFirstCell
{ 
    font-weight:bold; 
    background-color: Green; 
    color: Black;
    position: relative;
    bottom: expression(document.getElementById("pnlContainer").scrollHeight - document.getElementById("pnlContainer").scrollTop - document.getElementById("pnlContainer").clientHeight);
    left: expression(document.getElementById("pnlContainer").scrollLeft-2);
    z-index:10;
}

Answer 2

CSS

.frozenFooter
{
    font-weight:bold;
    background-color: Green;
    color: Black;
    position: relative;
    bottom:expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));
}

.frozenCell  {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: Gray;
color:Black ;
border-right: 1px solid silver;
position:relative;
cursor: default;
/*IE5+ only*/
/*left: expression(document.getElementById("div-datagrid").scrollLeft-2);*/
/*left:expression((this.parentElement.parentElement.parentElement.parentElement.scrollLeft-2)+'px');*/

left: expression(document.getElementById("pnlContainer").scrollLeft-2);
}
.lockedForLastRow  {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: Gray;
color:Black ;
border-right: 1px solid silver;
position:relative;
cursor: default;
/*IE5+ only*/
/*left: expression(document.getElementById("div-datagrid").scrollLeft-2);*/
/*left:expression((this.parentElement.parentElement.parentElement.parentElement.scrollLeft-2)+'px');*/

left: expression(document.getElementById("pnlContainer").scrollLeft-2);
}
.frozenHeader
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: Green;
    color:Black ;
    border-right: 1px solid black;
    position:relative;
    cursor: default;
    top: expression(document.getElementById("pnlContainer").scrollTop-2);
    z-index : 10;
}

</style>

脚本

function getScrollBottom(p_oElem) { return p_oElem.scrollHeight - p_oElem.scrollTop - p_oElem.clientHeight; }

HTML

    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"
        Width="96%"  ShowFooter="false" onrowdatabound="GridView1_RowDataBound">
    <Columns>
        <asp:TemplateField HeaderText="C1">
            <ItemTemplate>
                <asp:Label ID="Label2" runat="server" Text='<%# Bind("C1") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C1 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C2">
            <ItemTemplate>
                <asp:Label ID="Label1" runat="server" Text='<%# Bind("C2") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C2 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C3">
            <ItemTemplate>
                <asp:Label ID="Label3" runat="server" Text='<%# Bind("C3") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C3 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C4">
            <ItemTemplate>
                <asp:Label ID="Label4" runat="server" Text='<%# Bind("C4") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C4 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C5">
            <ItemTemplate>
                <asp:Label ID="Label5" runat="server" Text='<%# Bind("C5") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C5 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C6">
            <ItemTemplate>
                <asp:Label ID="Label1" runat="server" Text='<%# Bind("C6") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C6 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C7">
            <ItemTemplate>
                <asp:Label ID="Label7" runat="server" Text='<%# Bind("C7") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C7 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C8">
            <ItemTemplate>
                <asp:Label ID="Label8" runat="server" Text='<%# Bind("C8") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C8 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C9">
            <ItemTemplate>
                <asp:Label ID="Label9" runat="server" Text='<%# Bind("C9") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C9 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="C10">
            <ItemTemplate>
                <asp:Label ID="Label1" runat="server" Text='<%# Bind("C10") %>'></asp:Label>
            </ItemTemplate>
            <FooterTemplate>
                C10 Footer Here
            </FooterTemplate>
        </asp:TemplateField>
    </Columns>

    </asp:GridView>

</asp:Panel>