Adaptarse a las nuevas clases de DataTables

UDA-EJIE · Nov 29, 2024 · 510c4c3 · 510c4c3
1 parent dce2252
commit 510c4c3
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 40 deletions.
diff --git a/scss/external/table/jquery.table.scss b/scss/external/table/jquery.table.scss
@@ -352,7 +352,7 @@ table.dataTable td {
     box-sizing: content-box
 }
 
-.dataTables_wrapper {
+.dt-container {
     position: relative;
     clear: both;
 	transform: scale(1);
@@ -362,21 +362,21 @@ table.dataTable td {
     margin-top: 5px;
 }
 
-.dataTables_wrapper .dataTables_wrapper .dataTables_filter {
+.dt-container .dt-container .dataTables_filter {
     float: right;
     text-align: right
 }
 
-.dataTables_wrapper .dataTables_filter input {
+.dt-container .dataTables_filter input {
     margin-left: 0.5em
 }
 
-.dataTables_wrapper {
+.dt-container {
     clear: both;
     padding-top: 0.755em
 }
 
-.dataTables_wrapper .dataTables_paginate .paginate_button {
+.dt-container .dt-paging .dt-paging-button {
     box-sizing: border-box;
     display: inline-block;
     min-width: 1.5em;
@@ -391,8 +391,8 @@ table.dataTable td {
     border-radius: 2px
 }
 
-.dataTables_wrapper .dataTables_paginate .paginate_button.current,
-.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+.dt-container .dt-paging .dt-paging-button.current,
+.dt-container .dt-paging .dt-paging-button.current:hover {
     color: #333 !important;
     border: 1px solid #979797;
     background-color: white;
@@ -404,21 +404,21 @@ table.dataTable td {
     background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
 }
 
-.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
-.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
-.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
+.dt-container .dt-paging .dt-paging-button.disabled,
+.dt-container .dt-paging .dt-paging-button.disabled:hover,
+.dt-container .dt-paging .dt-paging-button.disabled:active {
     cursor: default;
     color: #666 !important;
     border: 1px solid transparent;
     background: transparent;
     box-shadow: none
 }
 
-.dataTables_wrapper .dataTables_paginate .ellipsis {
+.dt-container .dt-paging .ellipsis {
     padding: 0 1em
 }
 
-.dataTables_wrapper .dataTables_processing {
+.dt-container .dt-processing {
     position: absolute;
     top: 0;
     left: 50%;
@@ -432,50 +432,50 @@ table.dataTable td {
     background-color: rgba(255, 255, 255, 0.75);
 }
 
-.dataTables_wrapper .dataTables_length,
-.dataTables_wrapper .dataTables_filter,
-.dataTables_wrapper .dataTables_info,
-.dataTables_wrapper .dataTables_processing,
-.dataTables_wrapper .dataTables_paginate {
+.dt-container .dataTables_length,
+.dt-container .dataTables_filter,
+.dt-container .dt-info,
+.dt-container .dt-processing,
+.dt-container .dt-paging {
     color: #333
 }
 
-.dataTables_wrapper .dataTables_scroll {
+.dt-container .dataTables_scroll {
     clear: both
 }
 
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
+.dt-container .dataTables_scroll div.dataTables_scrollBody {
     *margin-top: -1px;
     -webkit-overflow-scrolling: touch
 }
 
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
+.dt-container .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
+.dt-container .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
+.dt-container .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
+.dt-container .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
     vertical-align: middle
 }
 
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
-.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
+.dt-container .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
+.dt-container .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
+.dt-container .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
+.dt-container .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
     height: 0;
     overflow: hidden;
     margin: 0 !important;
     padding: 0 !important
 }
 
-.dataTables_wrapper.no-footer .dataTables_scrollBody {
+.dt-container.no-footer .dataTables_scrollBody {
     border-bottom: 1px solid #111
 }
 
-.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
-.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
+.dt-container.no-footer div.dataTables_scrollHead table.dataTable,
+.dt-container.no-footer div.dataTables_scrollBody>table {
     border-bottom: none
 }
 
-.dataTables_wrapper:after {
+.dt-container:after {
     visibility: hidden;
     display: block;
     content: "";
@@ -484,18 +484,18 @@ table.dataTable td {
 }
 
 @media screen and (max-width: 767px) {
-    .dataTables_wrapper .dataTables_paginate {
+    .dt-container .dt-paging {
         margin-top: 0.5em
     }
 }
 
 @media screen and (max-width: 640px) {
-    .dataTables_wrapper .dataTables_length,
-    .dataTables_wrapper .dataTables_filter {
+    .dt-container .dataTables_length,
+    .dt-container .dataTables_filter {
         float: none;
         text-align: center
     }
-    .dataTables_wrapper .dataTables_filter {
+    .dt-container .dataTables_filter {
         margin-top: 0.5em
     }
 }

diff --git a/scss/external/table/select.table.scss b/scss/external/table/select.table.scss
@@ -90,14 +90,14 @@ table.dataTable.order-column.hover tbody>tr>.selected:hover {
     background-color: #a2aec7
 }
 
-div.dataTables_wrapper span.select-info,
-div.dataTables_wrapper span.select-item {
+div.dt-container span.select-info,
+div.dt-container span.select-item {
     margin-left: 0.5em
 }
 
 @media screen and (max-width: 640px) {
-    div.dataTables_wrapper span.select-info,
-    div.dataTables_wrapper span.select-item {
+    div.dt-container span.select-info,
+    div.dt-container span.select-item {
         margin-left: 0;
         display: block
     }

diff --git a/src/rup_table/rup.table.js b/src/rup_table/rup.table.js
@@ -905,7 +905,7 @@
         _createSearchPaginator(tabla, settingsT) {
             //buscar la paginación.
             if ($('#' + tabla[0].id + '_paginate').length === 1 && settingsT.json !== undefined && settingsT.json.total !== '0') {
-                var liSearch = $('<li></li>').addClass('paginate_button page-item pageSearch searchPaginator align-self-center');
+                var liSearch = $('<li></li>').addClass('dt-paging-button page-item pageSearch searchPaginator align-self-center');
                 var textPagina = jQuery.rup.i18nTemplate(settingsT.oLanguage, 'pagina', settingsT.json.total);
                 var toPagina = jQuery.rup.i18nTemplate(settingsT.oLanguage, 'toPagina', settingsT.json.total);
                 var input = $('<input/>').attr({