Ordenamiento en JS

This commit is contained in:
caudillochon
2025-02-22 16:25:15 -07:00
parent 73f73663b7
commit dceeec905f
11 changed files with 612 additions and 35 deletions

View File

@@ -85,7 +85,7 @@
.Totales, .table-striped > tbody > tr.Totales {
background: rgb(158 169 190) !important;
}
/*
.divContainerads {
width: 100%;
max-height: calc(100vh - 260px);
@@ -104,26 +104,20 @@
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 */
top: 0;
background-color: inherit;
z-index: 4;
}
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: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) {
@@ -144,10 +138,52 @@
table.adssigscroll tr td:nth-child(2),table.adssigscroll tr th:nth-child(2) {
left: 120px;
}
/*
tr:nth-child(n + 100) {
visibility:hidden;
}*/
*/
/*Begin ScrollADS V2*/
.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.stickyRow {
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 */
}
.tr_order > th::after {
content: "\f0dc";
font:normal normal normal 14px / 1 FontAwesome;
display: inline-block;
margin-left: 5px;
color: #32A1CF;
}
.tr_order > th.asce::after {
content: "\f0de";
}
.tr_order > th.desc::after {
content: "\f0dd";
}
/*END ScrollADS V2*/
</style>
</asp:Content>
@@ -319,9 +355,9 @@
<ContentTemplate>
<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">
<asp:GridView ID="GvDatos" runat="server" ShowHeader="true" EmptyDataText="No hay registros." AutoGenerateColumns="True" ShowHeaderWhenEmpty="true"
DataKeyNames="CvePS" CssClass="adssigscrollJS table table-striped table-advance table-hover " data-cols="2" data-rows="2" data-heightmenos="300" GridLines="None" >
<HeaderStyle CssClass="tr_order" />
<Columns>
<asp:TemplateField ItemStyle-HorizontalAlign="Left" ItemStyle-Width="120px">
<HeaderTemplate>