Skip to content

Commit b3e558e

Browse files
Updated DataTables Plugin (1.12.1 => 1.13.4)
1 parent 3d20edf commit b3e558e

36 files changed

+810
-1226
lines changed

src/jQueryDatatableServerSideNetCore/wwwroot/lib/datatables/css/dataTables.bootstrap.css

Lines changed: 29 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,10 @@
11
@charset "UTF-8";
2+
:root {
3+
--dt-row-selected: 0, 136, 204;
4+
--dt-row-selected-text: 255, 255, 255;
5+
--dt-row-selected-link: 9, 10, 11;
6+
}
7+
28
table.dataTable td.dt-control {
39
text-align: center;
410
cursor: pointer;
@@ -51,7 +57,7 @@ table.dataTable thead > tr > td.sorting_desc_disabled:after {
5157
opacity: 0.125;
5258
right: 10px;
5359
line-height: 9px;
54-
font-size: 0.9em;
60+
font-size: 0.8em;
5561
}
5662
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
5763
table.dataTable thead > tr > td.sorting:before,
@@ -60,7 +66,8 @@ table.dataTable thead > tr > td.sorting_desc:before,
6066
table.dataTable thead > tr > td.sorting_asc_disabled:before,
6167
table.dataTable thead > tr > td.sorting_desc_disabled:before {
6268
bottom: 50%;
63-
content: "▴";
69+
content: "▲";
70+
content: "▲"/"";
6471
}
6572
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
6673
table.dataTable thead > tr > td.sorting:after,
@@ -69,7 +76,8 @@ table.dataTable thead > tr > td.sorting_desc:after,
6976
table.dataTable thead > tr > td.sorting_asc_disabled:after,
7077
table.dataTable thead > tr > td.sorting_desc_disabled:after {
7178
top: 50%;
72-
content: "▾";
79+
content: "▼";
80+
content: "▼"/"";
7381
}
7482
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
7583
table.dataTable thead > tr > td.sorting_asc:before,
@@ -86,9 +94,9 @@ table.dataTable thead > tr > td:active {
8694
outline: none;
8795
}
8896

89-
div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after,
90-
div.dataTables_scrollBody table.dataTable thead > tr > td:before,
91-
div.dataTables_scrollBody table.dataTable thead > tr > td:after {
97+
div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
98+
div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
99+
div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
92100
display: none;
93101
}
94102

@@ -114,7 +122,8 @@ div.dataTables_processing > div:last-child > div {
114122
width: 13px;
115123
height: 13px;
116124
border-radius: 50%;
117-
background: rgba(0, 136, 204, 0.9);
125+
background: rgb(0, 136, 204);
126+
background: rgb(var(--dt-row-selected));
118127
animation-timing-function: cubic-bezier(0, 1, 1, 0);
119128
}
120129
div.dataTables_processing > div:last-child > div:nth-child(1) {
@@ -266,20 +275,28 @@ table.dataTable > tbody > tr {
266275
background-color: transparent;
267276
}
268277
table.dataTable > tbody > tr.selected > * {
269-
box-shadow: inset 0 0 0 9999px rgba(0, 136, 204, 0.9);
270-
color: white;
278+
box-shadow: inset 0 0 0 9999px rgb(0, 136, 204);
279+
box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
280+
color: rgb(255, 255, 255);
281+
color: rgb(var(--dt-row-selected-text));
282+
}
283+
table.dataTable > tbody > tr.selected a {
284+
color: rgb(9, 10, 11);
285+
color: rgb(var(--dt-row-selected-link));
271286
}
272287
table.dataTable.table-striped > tbody > tr.odd > * {
273288
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
274289
}
275290
table.dataTable.table-striped > tbody > tr.odd.selected > * {
276291
box-shadow: inset 0 0 0 9999px rgba(0, 136, 204, 0.923);
292+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923);
277293
}
278294
table.dataTable.table-hover > tbody > tr:hover > * {
279295
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
280296
}
281297
table.dataTable.table-hover > tbody > tr.selected:hover > * {
282298
box-shadow: inset 0 0 0 9999px rgba(0, 136, 204, 0.975);
299+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
283300
}
284301

285302
div.dataTables_wrapper div.dataTables_length label {
@@ -357,9 +374,9 @@ div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
357374

358375
@media screen and (max-width: 767px) {
359376
div.dataTables_wrapper div.dataTables_length,
360-
div.dataTables_wrapper div.dataTables_filter,
361-
div.dataTables_wrapper div.dataTables_info,
362-
div.dataTables_wrapper div.dataTables_paginate {
377+
div.dataTables_wrapper div.dataTables_filter,
378+
div.dataTables_wrapper div.dataTables_info,
379+
div.dataTables_wrapper div.dataTables_paginate {
363380
text-align: center;
364381
}
365382
}

src/jQueryDatatableServerSideNetCore/wwwroot/lib/datatables/css/dataTables.bootstrap.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/jQueryDatatableServerSideNetCore/wwwroot/lib/datatables/css/dataTables.bootstrap4.css

Lines changed: 29 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,10 @@
11
@charset "UTF-8";
2+
:root {
3+
--dt-row-selected: 2, 117, 216;
4+
--dt-row-selected-text: 255, 255, 255;
5+
--dt-row-selected-link: 9, 10, 11;
6+
}
7+
28
table.dataTable td.dt-control {
39
text-align: center;
410
cursor: pointer;
@@ -51,7 +57,7 @@ table.dataTable thead > tr > td.sorting_desc_disabled:after {
5157
opacity: 0.125;
5258
right: 10px;
5359
line-height: 9px;
54-
font-size: 0.9em;
60+
font-size: 0.8em;
5561
}
5662
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
5763
table.dataTable thead > tr > td.sorting:before,
@@ -60,7 +66,8 @@ table.dataTable thead > tr > td.sorting_desc:before,
6066
table.dataTable thead > tr > td.sorting_asc_disabled:before,
6167
table.dataTable thead > tr > td.sorting_desc_disabled:before {
6268
bottom: 50%;
63-
content: "▴";
69+
content: "▲";
70+
content: "▲"/"";
6471
}
6572
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
6673
table.dataTable thead > tr > td.sorting:after,
@@ -69,7 +76,8 @@ table.dataTable thead > tr > td.sorting_desc:after,
6976
table.dataTable thead > tr > td.sorting_asc_disabled:after,
7077
table.dataTable thead > tr > td.sorting_desc_disabled:after {
7178
top: 50%;
72-
content: "▾";
79+
content: "▼";
80+
content: "▼"/"";
7381
}
7482
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
7583
table.dataTable thead > tr > td.sorting_asc:before,
@@ -86,9 +94,9 @@ table.dataTable thead > tr > td:active {
8694
outline: none;
8795
}
8896

89-
div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after,
90-
div.dataTables_scrollBody table.dataTable thead > tr > td:before,
91-
div.dataTables_scrollBody table.dataTable thead > tr > td:after {
97+
div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
98+
div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
99+
div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
92100
display: none;
93101
}
94102

@@ -114,7 +122,8 @@ div.dataTables_processing > div:last-child > div {
114122
width: 13px;
115123
height: 13px;
116124
border-radius: 50%;
117-
background: rgba(2, 117, 216, 0.9);
125+
background: rgb(2, 117, 216);
126+
background: rgb(var(--dt-row-selected));
118127
animation-timing-function: cubic-bezier(0, 1, 1, 0);
119128
}
120129
div.dataTables_processing > div:last-child > div:nth-child(1) {
@@ -267,20 +276,28 @@ table.dataTable > tbody > tr {
267276
background-color: transparent;
268277
}
269278
table.dataTable > tbody > tr.selected > * {
270-
box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.9);
271-
color: white;
279+
box-shadow: inset 0 0 0 9999px rgb(2, 117, 216);
280+
box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
281+
color: rgb(255, 255, 255);
282+
color: rgb(var(--dt-row-selected-text));
283+
}
284+
table.dataTable > tbody > tr.selected a {
285+
color: rgb(9, 10, 11);
286+
color: rgb(var(--dt-row-selected-link));
272287
}
273288
table.dataTable.table-striped > tbody > tr.odd > * {
274289
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
275290
}
276291
table.dataTable.table-striped > tbody > tr.odd.selected > * {
277292
box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
293+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
278294
}
279295
table.dataTable.table-hover > tbody > tr:hover > * {
280296
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
281297
}
282298
table.dataTable.table-hover > tbody > tr.selected:hover > * {
283299
box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
300+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
284301
}
285302

286303
div.dataTables_wrapper div.dataTables_length label {
@@ -361,9 +378,9 @@ div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
361378

362379
@media screen and (max-width: 767px) {
363380
div.dataTables_wrapper div.dataTables_length,
364-
div.dataTables_wrapper div.dataTables_filter,
365-
div.dataTables_wrapper div.dataTables_info,
366-
div.dataTables_wrapper div.dataTables_paginate {
381+
div.dataTables_wrapper div.dataTables_filter,
382+
div.dataTables_wrapper div.dataTables_info,
383+
div.dataTables_wrapper div.dataTables_paginate {
367384
text-align: center;
368385
}
369386
div.dataTables_wrapper div.dataTables_paginate ul.pagination {

src/jQueryDatatableServerSideNetCore/wwwroot/lib/datatables/css/dataTables.bootstrap4.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/jQueryDatatableServerSideNetCore/wwwroot/lib/datatables/css/dataTables.bootstrap5.css

Lines changed: 32 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,10 @@
11
@charset "UTF-8";
2+
:root {
3+
--dt-row-selected: 13, 110, 253;
4+
--dt-row-selected-text: 255, 255, 255;
5+
--dt-row-selected-link: 9, 10, 11;
6+
}
7+
28
table.dataTable td.dt-control {
39
text-align: center;
410
cursor: pointer;
@@ -51,7 +57,7 @@ table.dataTable thead > tr > td.sorting_desc_disabled:after {
5157
opacity: 0.125;
5258
right: 10px;
5359
line-height: 9px;
54-
font-size: 0.9em;
60+
font-size: 0.8em;
5561
}
5662
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
5763
table.dataTable thead > tr > td.sorting:before,
@@ -60,7 +66,8 @@ table.dataTable thead > tr > td.sorting_desc:before,
6066
table.dataTable thead > tr > td.sorting_asc_disabled:before,
6167
table.dataTable thead > tr > td.sorting_desc_disabled:before {
6268
bottom: 50%;
63-
content: "▴";
69+
content: "▲";
70+
content: "▲"/"";
6471
}
6572
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
6673
table.dataTable thead > tr > td.sorting:after,
@@ -69,7 +76,8 @@ table.dataTable thead > tr > td.sorting_desc:after,
6976
table.dataTable thead > tr > td.sorting_asc_disabled:after,
7077
table.dataTable thead > tr > td.sorting_desc_disabled:after {
7178
top: 50%;
72-
content: "▾";
79+
content: "▼";
80+
content: "▼"/"";
7381
}
7482
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
7583
table.dataTable thead > tr > td.sorting_asc:before,
@@ -86,9 +94,9 @@ table.dataTable thead > tr > td:active {
8694
outline: none;
8795
}
8896

89-
div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after,
90-
div.dataTables_scrollBody table.dataTable thead > tr > td:before,
91-
div.dataTables_scrollBody table.dataTable thead > tr > td:after {
97+
div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
98+
div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
99+
div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
92100
display: none;
93101
}
94102

@@ -114,7 +122,8 @@ div.dataTables_processing > div:last-child > div {
114122
width: 13px;
115123
height: 13px;
116124
border-radius: 50%;
117-
background: rgba(13, 110, 253, 0.9);
125+
background: rgb(13, 110, 253);
126+
background: rgb(var(--dt-row-selected));
118127
animation-timing-function: cubic-bezier(0, 1, 1, 0);
119128
}
120129
div.dataTables_processing > div:last-child > div:nth-child(1) {
@@ -272,20 +281,28 @@ table.dataTable > tbody > tr {
272281
background-color: transparent;
273282
}
274283
table.dataTable > tbody > tr.selected > * {
275-
box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
276-
color: white;
284+
box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
285+
box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
286+
color: rgb(255, 255, 255);
287+
color: rgb(var(--dt-row-selected-text));
288+
}
289+
table.dataTable > tbody > tr.selected a {
290+
color: rgb(9, 10, 11);
291+
color: rgb(var(--dt-row-selected-link));
277292
}
278293
table.dataTable.table-striped > tbody > tr.odd > * {
279294
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
280295
}
281296
table.dataTable.table-striped > tbody > tr.odd.selected > * {
282297
box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
298+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
283299
}
284300
table.dataTable.table-hover > tbody > tr:hover > * {
285301
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
286302
}
287303
table.dataTable.table-hover > tbody > tr.selected:hover > * {
288304
box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
305+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
289306
}
290307

291308
div.dataTables_wrapper div.dataTables_length label {
@@ -323,6 +340,9 @@ div.dataTables_wrapper div.dataTables_paginate ul.pagination {
323340
white-space: nowrap;
324341
justify-content: flex-end;
325342
}
343+
div.dataTables_wrapper div.dt-row {
344+
position: relative;
345+
}
326346

327347
div.dataTables_scrollHead table.dataTable {
328348
margin-bottom: 0 !important;
@@ -356,9 +376,9 @@ div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
356376

357377
@media screen and (max-width: 767px) {
358378
div.dataTables_wrapper div.dataTables_length,
359-
div.dataTables_wrapper div.dataTables_filter,
360-
div.dataTables_wrapper div.dataTables_info,
361-
div.dataTables_wrapper div.dataTables_paginate {
379+
div.dataTables_wrapper div.dataTables_filter,
380+
div.dataTables_wrapper div.dataTables_info,
381+
div.dataTables_wrapper div.dataTables_paginate {
362382
text-align: center;
363383
}
364384
div.dataTables_wrapper div.dataTables_paginate ul.pagination {

0 commit comments

Comments
 (0)