From 265f59cbbd994854687775866d2e218136762a92 Mon Sep 17 00:00:00 2001
From: caudillochon <caudillo_90@hotmail.com>
Date: Thu, 13 Feb 2025 02:39:45 -0700
Subject: [PATCH] ScrollKardexHorizontal

---
 Inventarios/KardexAlmacenHorizontal.aspx | 183 +++++++++++++++--------
 1 file changed, 122 insertions(+), 61 deletions(-)

diff --git a/Inventarios/KardexAlmacenHorizontal.aspx b/Inventarios/KardexAlmacenHorizontal.aspx
index 64acb2d20..54a239d2b 100644
--- a/Inventarios/KardexAlmacenHorizontal.aspx
+++ b/Inventarios/KardexAlmacenHorizontal.aspx
@@ -79,11 +79,75 @@
             }
         }
 
-    /*    .trh{
+        /*    .trh{
             max-height:31px!important;
         }*/
+        .Totales, .table-striped > tbody > tr.Totales {
+            background: rgb(158 169 190) !important;
+        }
 
- 
+        .divContainerads {
+            width: 100%;
+            max-height: calc(100vh - 260px);
+            overflow-y: auto;
+        }
+
+        table.adssigscroll {
+            min-width: 100%;
+            background-color:#fff;
+        }
+        
+        table.adssigscroll tbody,table.adssigscroll thead{
+            background-color:#fff;
+        }
+        table.adssigscroll tr{
+            background-color:inherit;
+        }
+        
+            table.adssigscroll tr, 
+            table.adssigscroll tr td {
+                /*visibility: hidden;*/
+            }
+
+            table.adssigscroll tr:nth-child(1),
+            table.adssigscroll tr:nth-child(2) {
+                position: sticky;
+                top: 0; /* Se mantiene pegado en la parte superior */
+                background-color: inherit; /* Para que no se superponga con otros elementos */
+                z-index: 4; /* Asegura que esté sobre otros elementos */
+            }
+            table.adssigscroll tr:nth-child(1) th:nth-child(1),table.adssigscroll tr:nth-child(1) th:nth-child(2),
+            table.adssigscroll tr:nth-child(2) td:nth-child(1),table.adssigscroll tr:nth-child(2) td:nth-child(2) {
+                z-index: 5;
+            }
+
+            table.adssigscroll tr:nth-child(2) {
+                top: 26.14px;
+            }
+
+            table.adssigscroll tr td:nth-child(1),table.adssigscroll tr th:nth-child(1),
+            table.adssigscroll tr td:nth-child(2),table.adssigscroll tr th:nth-child(2) {
+                position: sticky;
+                left: 0;
+                z-index: 3;
+            }
+
+            table.adssigscroll tr td:nth-child(1), table.adssigscroll tr td:nth-child(2) {
+                background-color: inherit;
+            }
+
+            table.adssigscroll tr td:nth-child(1),table.adssigscroll tr th:nth-child(1) {
+                width: 120px;
+                max-width: 120px;
+            }
+
+            table.adssigscroll tr td:nth-child(2),table.adssigscroll tr th:nth-child(2) {
+                left: 120px;
+            }
+/*
+        tr:nth-child(n + 100) {
+            visibility:hidden;
+        }*/
     </style>
 </asp:Content>
 
@@ -100,8 +164,8 @@
     </li>
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
         <ContentTemplate>
-            <li>                
-                <asp:LinkButton ID="LnkProyectado" runat="server" OnClick="LnkProyectado_Click"><i class="fa fa-upload"></i> Cargar Proyecciones</asp:LinkButton>                
+            <li>
+                <asp:LinkButton ID="LnkProyectado" runat="server" OnClick="LnkProyectado_Click"><i class="fa fa-upload"></i> Cargar Proyecciones</asp:LinkButton>
             </li>
         </ContentTemplate>
     </asp:UpdatePanel>
@@ -179,8 +243,8 @@
                         </div>
                         <label class="col-md-1 truncate">Almacén:</label>
                         <div class="col-md-2">
-                            <asp:ListBox ID="ddlAlmacen" SelectionMode="Multiple" data-text="Todos" CssClass="form-control  ddlFiltros input-sm select2me Widthall" Style="width: 100%;" runat="server" 
-                                    DataTextField="Almacen" DataValueField="CveAlmacen"></asp:ListBox>
+                            <asp:ListBox ID="ddlAlmacen" SelectionMode="Multiple" data-text="Todos" CssClass="form-control  ddlFiltros input-sm select2me Widthall" Style="width: 100%;" runat="server"
+                                DataTextField="Almacen" DataValueField="CveAlmacen"></asp:ListBox>
                             <%--<asp:DropDownList ID="ddlAlmacen" runat="server" CssClass="select2me " Style="width: 200px !important;" DataTextField="Almacen" DataValueField="CveAlmacen"></asp:DropDownList>--%>
                         </div>
                         <label class="col-md-1 truncate">Tipo Almacen:</label>
@@ -195,7 +259,7 @@
                                 <asp:ListItem Text="No" Value="0" Selected="True"></asp:ListItem>
                                 <asp:ListItem Text="Si (Origen)" Value="1"></asp:ListItem>
                                 <asp:ListItem Text="Si (Destino)" Value="2"></asp:ListItem>
-                                <asp:ListItem Text="Separado(Destino)" Value="3" /> 
+                                <asp:ListItem Text="Separado(Destino)" Value="3" />
                             </asp:DropDownList>
                             <%--<asp:CheckBox ID="ChkIncluyeTransitorios" runat="server" Checked="false" />--%>
                         </div>
@@ -229,19 +293,19 @@
                         </div>
                         <asp:Label runat="server" ID="LblProyectado" Text="Incluir Proyectados" class="col-md-1 truncate" />
                         <div class="col-md-2">
-                            <asp:DropDownList ID="DdlProyeccionFiltro" runat="server" CssClass="select2me" Width="100%" >                                
+                            <asp:DropDownList ID="DdlProyeccionFiltro" runat="server" CssClass="select2me" Width="100%">
                                 <asp:ListItem Text="Todos (Entradas/Salidas)" Value="3" />
-                                 <asp:ListItem Text="Entradas" Value="1" />
-                                 <asp:ListItem Text="Salidas" Value="2" />
-                                <asp:ListItem Text="No" Value="0" Selected="True"  />                                
+                                <asp:ListItem Text="Entradas" Value="1" />
+                                <asp:ListItem Text="Salidas" Value="2" />
+                                <asp:ListItem Text="No" Value="0" Selected="True" />
                             </asp:DropDownList>
                         </div>
                     </asp:Panel>
-           
+
 
                 </div>
 
-               
+
 
             </div>
         </ContentTemplate>
@@ -250,51 +314,48 @@
         <input type="text" id="TxtBusqueda2" class="form-control input-sm" onkeyup="<%= String.Format("FiltrarTabla('TxtBusqueda2','{0}')", GvDatos.ClientID) %>" style="display: inline-block; margin-right: -20px; width: 150px;" />
         <a href="javascript:;" onclick="<%= String.Format("FiltrarTabla('TxtBusqueda2','{0}')", GvDatos.ClientID) %>" style="margin-top: -3px;" class="btn btn-circle btn-sm label-info"><i class="icon-magnifier"></i></a>
     </div>
-   
-                <asp:UpdatePanel ID="UpDatos" runat="server">
-                    <ContentTemplate>
 
-                        <div class="row">
-                            <div class="col-md-12">
-                                <asp:GridView ID="GvDatos" runat="server" ShowHeader="true" EmptyDataText="No hay registros." AutoGenerateColumns="True" ShowHeaderWhenEmpty="true"
-                                    DataKeyNames="CvePS"
-                                    CssClass="ADSCROLLER2  table table-striped table-advance table-hover " data-cols="2" data-heightmenos="300" GridLines="None">
-                                    <Columns>
-                                        <asp:TemplateField ItemStyle-HorizontalAlign="Left" ItemStyle-Width="120px">
-                                            <HeaderTemplate>
-                                                Código 
-                                            </HeaderTemplate>
-                                            <ItemTemplate>
-                                                <div class="truncate" style="min-width: 120px">
-                                                    <asp:Label runat="server" Text='<%# Eval("Codigo") %>'></asp:Label>
-                                                </div>
-                                            </ItemTemplate>
-                                            <HeaderStyle HorizontalAlign="Left" Width="120px" />
-                                        </asp:TemplateField>
+    <asp:UpdatePanel ID="UpDatos" runat="server">
+        <ContentTemplate>
 
-                                        <asp:TemplateField ItemStyle-HorizontalAlign="Left" ItemStyle-Width="250px">
-                                            <HeaderTemplate>
-                                                Producto                                   
-                                            </HeaderTemplate>
-                                            <ItemTemplate>
-                                                <div class="truncate" style="min-width: 250px">
-                                                    <asp:Label runat="server" Text='<%# Eval("PS") %>'></asp:Label>
-                                                </div>
-                                            </ItemTemplate>
-                                            <HeaderStyle HorizontalAlign="Left" Width="250px" />
-                                        </asp:TemplateField>
+            <div class="divContainerads">
+                <asp:GridView ID="GvDatos" runat="server" ShowHeader="true" EmptyDataText="No hay registros." AutoGenerateColumns="True" ShowHeaderWhenEmpty="true"
+                    DataKeyNames="CvePS"
+                    CssClass="adssigscroll  table table-striped table-advance table-hover " data-cols="2" data-heightmenos="300" GridLines="None">
+                    <Columns>
+                        <asp:TemplateField ItemStyle-HorizontalAlign="Left" ItemStyle-Width="120px">
+                            <HeaderTemplate>
+                                Código 
+                            </HeaderTemplate>
+                            <ItemTemplate>
+                                <div class="truncate" style="min-width: 120px">
+                                    <asp:Label runat="server" Text='<%# Eval("Codigo") %>'></asp:Label>
+                                </div>
+                            </ItemTemplate>
+                            <HeaderStyle HorizontalAlign="Left" Width="110px" />
+                        </asp:TemplateField>
 
-                                    </Columns>
-                                    <RowStyle Height="31" />
-                                </asp:GridView>
+                        <asp:TemplateField ItemStyle-HorizontalAlign="Left" ItemStyle-Width="460px">
+                            <HeaderTemplate>
+                                Producto                                   
+                            </HeaderTemplate>
+                            <ItemTemplate>
+                                <div class="truncate" style="max-width: 450px">
+                                    <asp:Label runat="server" Text='<%# Eval("PS") %>'></asp:Label>
+                                </div>
+                            </ItemTemplate>
+                            <HeaderStyle HorizontalAlign="Left" Width="250px" />
+                        </asp:TemplateField>
 
-                            </div>
+                    </Columns>
+                    <%--<RowStyle Height="31" />--%>
+                </asp:GridView>
 
-                        </div>
-                        
+            </div>
 
-                    </ContentTemplate>
-                </asp:UpdatePanel>
+
+        </ContentTemplate>
+    </asp:UpdatePanel>
     <div id="DivProyeccion" class="modal ADS fade" role="dialog">
         <div class="modal-dialog" style="width: 450px;">
             <asp:UpdatePanel runat="server" class="modal-content" ID="UpModalTiposD" UpdateMode="Conditional">
@@ -307,11 +368,11 @@
                     <div class="modal-body">
                         <div class="row" style="width: 100%; text-align: center">
                             <asp:Label runat="server" ID="LblProyeccionOpcion" />
-                            <asp:RadioButtonList ID="RblProyeccionOpcion" runat="server" RepeatDirection="Horizontal" Width="50%" Style="margin: 0 25% 0 25%">                              
+                            <asp:RadioButtonList ID="RblProyeccionOpcion" runat="server" RepeatDirection="Horizontal" Width="50%" Style="margin: 0 25% 0 25%">
                                 <asp:ListItem Text="Entrada" Value="1" Selected="True" />
                                 <asp:ListItem Text="Salida" Value="2" />
                             </asp:RadioButtonList>
-                            <asp:LinkButton runat="server" ID="BtnDescargarFormato" OnClick="BtnDescargarFormato_Click" CssClass="btn btn-warning" ><i class='fa fa-download' aria-hidden='true'></i> Descargar formato</asp:LinkButton>
+                            <asp:LinkButton runat="server" ID="BtnDescargarFormato" OnClick="BtnDescargarFormato_Click" CssClass="btn btn-warning"><i class='fa fa-download' aria-hidden='true'></i> Descargar formato</asp:LinkButton>
                         </div>
                         <asp:Label runat="server" ID="Label1" Text="Subir Proyección:" Style="font-size: 15px" />
                         <br />
@@ -342,17 +403,17 @@
                     <div class="modal-body">
                         <div class="row" style="width: 100%; text-align: center">
                             <asp:Label runat="server" ID="Label2" />
-                            <asp:RadioButtonList ID="RBLPOG" runat="server" RepeatDirection="Horizontal" Width="50%" Style="margin: 0 15% 0 15%">                              
+                            <asp:RadioButtonList ID="RBLPOG" runat="server" RepeatDirection="Horizontal" Width="50%" Style="margin: 0 15% 0 15%">
                                 <asp:ListItem Text="Ventas" Value="0" />
-                                <asp:ListItem Text="Existencias" Value="1"  Selected="True"/>
+                                <asp:ListItem Text="Existencias" Value="1" Selected="True" />
                             </asp:RadioButtonList>
-                            
+
                         </div>
                         <div class="row">
                             <div class="col-md-2 truncate">
                                 Fecha:                           
                             </div>
-                             <div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 100px !important; padding: 0px;">
+                            <div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 100px !important; padding: 0px;">
                                 <asp:TextBox Width="80px" ID="txtFechaI" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="10"></asp:TextBox>
                                 <span class="input-group-btn ">
                                     <asp:LinkButton ID="imgCalendario" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
@@ -364,10 +425,10 @@
                             <asp:CompareValidator ID="cvFechaI" runat="server" ControlToValidate="txtFechaI" Display="None" ErrorMessage="El campo <b>''Fecha Inicial''</b> no tienes el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="Valida"></asp:CompareValidator>
                             <ajax:ValidatorCalloutExtender ID="vcoFfvFI" runat="server" HighlightCssClass="vco" TargetControlID="rfvFechaI" Width="350px"></ajax:ValidatorCalloutExtender>
                             <ajax:ValidatorCalloutExtender ID="vcoCvFI" runat="server" HighlightCssClass="vco" TargetControlID="cvFechaI" Width="350px"></ajax:ValidatorCalloutExtender>
-                           
+
                         </div>
-                        
-                       
+
+
                         <br />
                     </div>
                     <div class="modal-footer">