datatables.net-bs4 2.1.1 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/License.txt +22 -0
- package/Readme.md +11 -4
- package/css/dataTables.bootstrap4.css +448 -125
- package/css/dataTables.bootstrap4.min.css +1 -0
- package/js/dataTables.bootstrap4.js +77 -140
- package/js/dataTables.bootstrap4.min.js +4 -0
- package/js/dataTables.bootstrap4.min.mjs +4 -0
- package/js/dataTables.bootstrap4.mjs +80 -0
- package/package.json +35 -15
- package/types/dataTables.bootstrap4.d.ts +5 -0
package/License.txt
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright SpryMedia Limited and other contributors
|
|
4
|
+
http://datatables.net
|
|
5
|
+
|
|
6
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
in the Software without restriction, including without limitation the rights
|
|
9
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
furnished to do so, subject to the following conditions:
|
|
12
|
+
|
|
13
|
+
The above copyright notice and this permission notice shall be included in
|
|
14
|
+
all copies or substantial portions of the Software.
|
|
15
|
+
|
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
22
|
+
THE SOFTWARE.
|
package/Readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# DataTables for jQuery with styling for [
|
|
1
|
+
# DataTables for jQuery with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)
|
|
2
2
|
|
|
3
|
-
This package contains distribution files required to style [DataTables library](https://datatables.net) for [jQuery](http://jquery.com/) with styling for [
|
|
3
|
+
This package contains distribution files required to style [DataTables library](https://datatables.net) for [jQuery](http://jquery.com/) with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/).
|
|
4
4
|
|
|
5
5
|
DataTables is a table enhancing library which adds features such as paging, ordering, search, scrolling and many more to a static HTML page. A comprehensive API is also available that can be used to manipulate the table. Please refer to the [DataTables web-site](//datatables.net) for a full range of documentation and examples.
|
|
6
6
|
|
|
@@ -17,9 +17,15 @@ For inclusion of this library using a standard `<script>` tag, rather than using
|
|
|
17
17
|
npm install datatables.net-bs4
|
|
18
18
|
```
|
|
19
19
|
|
|
20
|
+
ES3 Syntax
|
|
20
21
|
```
|
|
21
22
|
var $ = require( 'jquery' );
|
|
22
|
-
require( 'datatables.net-bs4' )( $ );
|
|
23
|
+
require( 'datatables.net-bs4' )( window, $ );
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
ES6 Syntax
|
|
27
|
+
```
|
|
28
|
+
import 'datatables.net-bs4'
|
|
23
29
|
```
|
|
24
30
|
|
|
25
31
|
### bower
|
|
@@ -32,7 +38,7 @@ bower install --save datatables.net-bs4
|
|
|
32
38
|
|
|
33
39
|
## Documentation
|
|
34
40
|
|
|
35
|
-
Full documentation of the DataTables options, API and plug-in interface are available on the
|
|
41
|
+
Full documentation of the DataTables options, API and plug-in interface are available on the [website](https://datatables.net/reference/index). The site also contains information on the wide variety of plug-ins that are available for DataTables, which can be used to enhance and customise your table even further.
|
|
36
42
|
|
|
37
43
|
|
|
38
44
|
## Bug / Support
|
|
@@ -48,3 +54,4 @@ If you are thinking of contributing code to DataTables, first of all, thank you!
|
|
|
48
54
|
## License
|
|
49
55
|
|
|
50
56
|
This software is released under the [MIT license](//datatables.net/license). You are free to use, modify and distribute this software, but all copyright information must remain.
|
|
57
|
+
|
|
@@ -1,61 +1,432 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
@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
|
+
--dt-row-stripe: 0, 0, 0;
|
|
7
|
+
--dt-row-hover: 0, 0, 0;
|
|
8
|
+
--dt-column-ordering: 0, 0, 0;
|
|
9
|
+
--dt-html-background: white;
|
|
10
|
+
}
|
|
11
|
+
:root.dark {
|
|
12
|
+
--dt-html-background: rgb(33, 37, 41);
|
|
12
13
|
}
|
|
13
|
-
|
|
14
|
-
table.dataTable
|
|
14
|
+
|
|
15
|
+
table.dataTable td.dt-control {
|
|
15
16
|
text-align: center;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
}
|
|
19
|
+
table.dataTable td.dt-control:before {
|
|
20
|
+
display: inline-block;
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
content: "";
|
|
23
|
+
border-top: 5px solid transparent;
|
|
24
|
+
border-left: 10px solid rgba(0, 0, 0, 0.5);
|
|
25
|
+
border-bottom: 5px solid transparent;
|
|
26
|
+
border-right: 0px solid transparent;
|
|
27
|
+
}
|
|
28
|
+
table.dataTable tr.dt-hasChild td.dt-control:before {
|
|
29
|
+
border-top: 10px solid rgba(0, 0, 0, 0.5);
|
|
30
|
+
border-left: 5px solid transparent;
|
|
31
|
+
border-bottom: 0px solid transparent;
|
|
32
|
+
border-right: 5px solid transparent;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
html.dark table.dataTable td.dt-control:before,
|
|
36
|
+
:root[data-bs-theme=dark] table.dataTable td.dt-control:before,
|
|
37
|
+
:root[data-theme=dark] table.dataTable td.dt-control:before {
|
|
38
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39
|
+
}
|
|
40
|
+
html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
|
|
41
|
+
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
|
|
42
|
+
:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
|
|
43
|
+
border-top-color: rgba(255, 255, 255, 0.5);
|
|
44
|
+
border-left-color: transparent;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
div.dt-scroll {
|
|
48
|
+
width: 100%;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
div.dt-scroll-body thead tr,
|
|
52
|
+
div.dt-scroll-body tfoot tr {
|
|
53
|
+
height: 0;
|
|
54
|
+
}
|
|
55
|
+
div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
|
|
56
|
+
div.dt-scroll-body tfoot tr th,
|
|
57
|
+
div.dt-scroll-body tfoot tr td {
|
|
58
|
+
height: 0 !important;
|
|
59
|
+
padding-top: 0px !important;
|
|
60
|
+
padding-bottom: 0px !important;
|
|
61
|
+
border-top-width: 0px !important;
|
|
62
|
+
border-bottom-width: 0px !important;
|
|
63
|
+
}
|
|
64
|
+
div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
|
|
65
|
+
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
|
|
66
|
+
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
|
|
67
|
+
height: 0 !important;
|
|
68
|
+
overflow: hidden !important;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
table.dataTable thead > tr > th:active,
|
|
72
|
+
table.dataTable thead > tr > td:active {
|
|
73
|
+
outline: none;
|
|
74
|
+
}
|
|
75
|
+
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
|
|
76
|
+
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
|
|
77
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
|
|
78
|
+
position: absolute;
|
|
79
|
+
display: block;
|
|
80
|
+
bottom: 50%;
|
|
81
|
+
content: "▲";
|
|
82
|
+
content: "▲"/"";
|
|
83
|
+
}
|
|
84
|
+
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
|
|
85
|
+
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
|
|
86
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
|
|
87
|
+
position: absolute;
|
|
88
|
+
display: block;
|
|
89
|
+
top: 50%;
|
|
90
|
+
content: "▼";
|
|
91
|
+
content: "▼"/"";
|
|
92
|
+
}
|
|
93
|
+
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
|
|
94
|
+
table.dataTable thead > tr > td.dt-orderable-asc,
|
|
95
|
+
table.dataTable thead > tr > td.dt-orderable-desc,
|
|
96
|
+
table.dataTable thead > tr > td.dt-ordering-asc,
|
|
97
|
+
table.dataTable thead > tr > td.dt-ordering-desc {
|
|
98
|
+
position: relative;
|
|
99
|
+
padding-right: 30px;
|
|
100
|
+
}
|
|
101
|
+
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
|
|
102
|
+
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
|
|
103
|
+
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
|
|
104
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
|
|
105
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
|
|
106
|
+
position: absolute;
|
|
107
|
+
right: 12px;
|
|
108
|
+
top: 0;
|
|
109
|
+
bottom: 0;
|
|
110
|
+
width: 12px;
|
|
111
|
+
}
|
|
112
|
+
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
|
|
113
|
+
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
|
|
114
|
+
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
|
|
115
|
+
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
|
|
116
|
+
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
|
|
117
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
|
|
118
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
|
|
119
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
|
|
120
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
|
|
121
|
+
left: 0;
|
|
122
|
+
opacity: 0.125;
|
|
123
|
+
line-height: 9px;
|
|
124
|
+
font-size: 0.8em;
|
|
125
|
+
}
|
|
126
|
+
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
|
|
127
|
+
table.dataTable thead > tr > td.dt-orderable-asc,
|
|
128
|
+
table.dataTable thead > tr > td.dt-orderable-desc {
|
|
129
|
+
cursor: pointer;
|
|
130
|
+
}
|
|
131
|
+
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
|
|
132
|
+
table.dataTable thead > tr > td.dt-orderable-asc:hover,
|
|
133
|
+
table.dataTable thead > tr > td.dt-orderable-desc:hover {
|
|
134
|
+
outline: 2px solid rgba(0, 0, 0, 0.05);
|
|
135
|
+
outline-offset: -2px;
|
|
136
|
+
}
|
|
137
|
+
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
|
|
138
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
|
|
139
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
|
|
140
|
+
opacity: 0.6;
|
|
141
|
+
}
|
|
142
|
+
table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
|
|
143
|
+
table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
|
|
144
|
+
table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
|
|
145
|
+
display: none;
|
|
146
|
+
}
|
|
147
|
+
table.dataTable thead > tr > th:active,
|
|
148
|
+
table.dataTable thead > tr > td:active {
|
|
149
|
+
outline: none;
|
|
16
150
|
}
|
|
17
|
-
|
|
18
|
-
table.dataTable
|
|
151
|
+
|
|
152
|
+
div.dt-scroll-body > table.dataTable > thead > tr > th,
|
|
153
|
+
div.dt-scroll-body > table.dataTable > thead > tr > td {
|
|
154
|
+
overflow: hidden;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
|
|
158
|
+
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
|
|
159
|
+
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
|
|
160
|
+
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
|
|
161
|
+
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
|
|
162
|
+
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
|
|
163
|
+
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
|
|
164
|
+
outline: 2px solid rgba(255, 255, 255, 0.05);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
div.dt-processing {
|
|
168
|
+
position: absolute;
|
|
169
|
+
top: 50%;
|
|
170
|
+
left: 50%;
|
|
171
|
+
width: 200px;
|
|
172
|
+
margin-left: -100px;
|
|
173
|
+
margin-top: -22px;
|
|
174
|
+
text-align: center;
|
|
175
|
+
padding: 2px;
|
|
176
|
+
z-index: 10;
|
|
177
|
+
}
|
|
178
|
+
div.dt-processing > div:last-child {
|
|
179
|
+
position: relative;
|
|
180
|
+
width: 80px;
|
|
181
|
+
height: 15px;
|
|
182
|
+
margin: 1em auto;
|
|
183
|
+
}
|
|
184
|
+
div.dt-processing > div:last-child > div {
|
|
185
|
+
position: absolute;
|
|
186
|
+
top: 0;
|
|
187
|
+
width: 13px;
|
|
188
|
+
height: 13px;
|
|
189
|
+
border-radius: 50%;
|
|
190
|
+
background: rgb(2, 117, 216);
|
|
191
|
+
background: rgb(var(--dt-row-selected));
|
|
192
|
+
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
193
|
+
}
|
|
194
|
+
div.dt-processing > div:last-child > div:nth-child(1) {
|
|
195
|
+
left: 8px;
|
|
196
|
+
animation: datatables-loader-1 0.6s infinite;
|
|
197
|
+
}
|
|
198
|
+
div.dt-processing > div:last-child > div:nth-child(2) {
|
|
199
|
+
left: 8px;
|
|
200
|
+
animation: datatables-loader-2 0.6s infinite;
|
|
201
|
+
}
|
|
202
|
+
div.dt-processing > div:last-child > div:nth-child(3) {
|
|
203
|
+
left: 32px;
|
|
204
|
+
animation: datatables-loader-2 0.6s infinite;
|
|
205
|
+
}
|
|
206
|
+
div.dt-processing > div:last-child > div:nth-child(4) {
|
|
207
|
+
left: 56px;
|
|
208
|
+
animation: datatables-loader-3 0.6s infinite;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
@keyframes datatables-loader-1 {
|
|
212
|
+
0% {
|
|
213
|
+
transform: scale(0);
|
|
214
|
+
}
|
|
215
|
+
100% {
|
|
216
|
+
transform: scale(1);
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
@keyframes datatables-loader-3 {
|
|
220
|
+
0% {
|
|
221
|
+
transform: scale(1);
|
|
222
|
+
}
|
|
223
|
+
100% {
|
|
224
|
+
transform: scale(0);
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
@keyframes datatables-loader-2 {
|
|
228
|
+
0% {
|
|
229
|
+
transform: translate(0, 0);
|
|
230
|
+
}
|
|
231
|
+
100% {
|
|
232
|
+
transform: translate(24px, 0);
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
table.dataTable.nowrap th, table.dataTable.nowrap td {
|
|
236
|
+
white-space: nowrap;
|
|
237
|
+
}
|
|
238
|
+
table.dataTable th,
|
|
239
|
+
table.dataTable td {
|
|
240
|
+
box-sizing: border-box;
|
|
241
|
+
}
|
|
242
|
+
table.dataTable th.dt-left,
|
|
243
|
+
table.dataTable td.dt-left {
|
|
244
|
+
text-align: left;
|
|
245
|
+
}
|
|
246
|
+
table.dataTable th.dt-center,
|
|
247
|
+
table.dataTable td.dt-center {
|
|
248
|
+
text-align: center;
|
|
249
|
+
}
|
|
250
|
+
table.dataTable th.dt-right,
|
|
251
|
+
table.dataTable td.dt-right {
|
|
252
|
+
text-align: right;
|
|
253
|
+
}
|
|
254
|
+
table.dataTable th.dt-justify,
|
|
255
|
+
table.dataTable td.dt-justify {
|
|
256
|
+
text-align: justify;
|
|
257
|
+
}
|
|
258
|
+
table.dataTable th.dt-nowrap,
|
|
259
|
+
table.dataTable td.dt-nowrap {
|
|
19
260
|
white-space: nowrap;
|
|
20
261
|
}
|
|
262
|
+
table.dataTable th.dt-empty,
|
|
263
|
+
table.dataTable td.dt-empty {
|
|
264
|
+
text-align: center;
|
|
265
|
+
vertical-align: top;
|
|
266
|
+
}
|
|
267
|
+
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
|
|
268
|
+
table.dataTable td.dt-type-numeric,
|
|
269
|
+
table.dataTable td.dt-type-date {
|
|
270
|
+
text-align: right;
|
|
271
|
+
}
|
|
272
|
+
table.dataTable thead th,
|
|
273
|
+
table.dataTable thead td,
|
|
274
|
+
table.dataTable tfoot th,
|
|
275
|
+
table.dataTable tfoot td {
|
|
276
|
+
text-align: left;
|
|
277
|
+
}
|
|
278
|
+
table.dataTable thead th.dt-head-left,
|
|
279
|
+
table.dataTable thead td.dt-head-left,
|
|
280
|
+
table.dataTable tfoot th.dt-head-left,
|
|
281
|
+
table.dataTable tfoot td.dt-head-left {
|
|
282
|
+
text-align: left;
|
|
283
|
+
}
|
|
284
|
+
table.dataTable thead th.dt-head-center,
|
|
285
|
+
table.dataTable thead td.dt-head-center,
|
|
286
|
+
table.dataTable tfoot th.dt-head-center,
|
|
287
|
+
table.dataTable tfoot td.dt-head-center {
|
|
288
|
+
text-align: center;
|
|
289
|
+
}
|
|
290
|
+
table.dataTable thead th.dt-head-right,
|
|
291
|
+
table.dataTable thead td.dt-head-right,
|
|
292
|
+
table.dataTable tfoot th.dt-head-right,
|
|
293
|
+
table.dataTable tfoot td.dt-head-right {
|
|
294
|
+
text-align: right;
|
|
295
|
+
}
|
|
296
|
+
table.dataTable thead th.dt-head-justify,
|
|
297
|
+
table.dataTable thead td.dt-head-justify,
|
|
298
|
+
table.dataTable tfoot th.dt-head-justify,
|
|
299
|
+
table.dataTable tfoot td.dt-head-justify {
|
|
300
|
+
text-align: justify;
|
|
301
|
+
}
|
|
302
|
+
table.dataTable thead th.dt-head-nowrap,
|
|
303
|
+
table.dataTable thead td.dt-head-nowrap,
|
|
304
|
+
table.dataTable tfoot th.dt-head-nowrap,
|
|
305
|
+
table.dataTable tfoot td.dt-head-nowrap {
|
|
306
|
+
white-space: nowrap;
|
|
307
|
+
}
|
|
308
|
+
table.dataTable tbody th.dt-body-left,
|
|
309
|
+
table.dataTable tbody td.dt-body-left {
|
|
310
|
+
text-align: left;
|
|
311
|
+
}
|
|
312
|
+
table.dataTable tbody th.dt-body-center,
|
|
313
|
+
table.dataTable tbody td.dt-body-center {
|
|
314
|
+
text-align: center;
|
|
315
|
+
}
|
|
316
|
+
table.dataTable tbody th.dt-body-right,
|
|
317
|
+
table.dataTable tbody td.dt-body-right {
|
|
318
|
+
text-align: right;
|
|
319
|
+
}
|
|
320
|
+
table.dataTable tbody th.dt-body-justify,
|
|
321
|
+
table.dataTable tbody td.dt-body-justify {
|
|
322
|
+
text-align: justify;
|
|
323
|
+
}
|
|
324
|
+
table.dataTable tbody th.dt-body-nowrap,
|
|
325
|
+
table.dataTable tbody td.dt-body-nowrap {
|
|
326
|
+
white-space: nowrap;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
table.dataTable.table {
|
|
330
|
+
clear: both;
|
|
331
|
+
max-width: none;
|
|
332
|
+
border-spacing: 0;
|
|
333
|
+
margin-bottom: 0;
|
|
334
|
+
}
|
|
335
|
+
table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) {
|
|
336
|
+
background-color: transparent;
|
|
337
|
+
}
|
|
338
|
+
table.dataTable.table > tbody > tr {
|
|
339
|
+
background-color: transparent;
|
|
340
|
+
}
|
|
341
|
+
table.dataTable.table > tbody > tr.selected > * {
|
|
342
|
+
box-shadow: inset 0 0 0 9999px rgb(2, 117, 216);
|
|
343
|
+
box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
|
|
344
|
+
color: rgb(255, 255, 255);
|
|
345
|
+
color: rgb(var(--dt-row-selected-text));
|
|
346
|
+
}
|
|
347
|
+
table.dataTable.table > tbody > tr.selected a {
|
|
348
|
+
color: rgb(9, 10, 11);
|
|
349
|
+
color: rgb(var(--dt-row-selected-link));
|
|
350
|
+
}
|
|
351
|
+
table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) > * {
|
|
352
|
+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
|
|
353
|
+
}
|
|
354
|
+
table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
|
|
355
|
+
box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
|
|
356
|
+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
|
|
357
|
+
}
|
|
358
|
+
table.dataTable.table.table-hover > tbody > tr:hover > * {
|
|
359
|
+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
|
|
360
|
+
}
|
|
361
|
+
table.dataTable.table.table-hover > tbody > tr.selected:hover > * {
|
|
362
|
+
box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
|
|
363
|
+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
div.dt-container div.dt-layout-start > *:not(:last-child) {
|
|
367
|
+
margin-right: 1em;
|
|
368
|
+
}
|
|
369
|
+
div.dt-container div.dt-layout-end > *:not(:first-child) {
|
|
370
|
+
margin-left: 1em;
|
|
371
|
+
}
|
|
372
|
+
div.dt-container div.dt-layout-full {
|
|
373
|
+
width: 100%;
|
|
374
|
+
}
|
|
375
|
+
div.dt-container div.dt-layout-full > *:only-child {
|
|
376
|
+
margin-left: auto;
|
|
377
|
+
margin-right: auto;
|
|
378
|
+
}
|
|
379
|
+
div.dt-container div.dt-layout-table > div {
|
|
380
|
+
display: block !important;
|
|
381
|
+
}
|
|
21
382
|
|
|
22
|
-
|
|
383
|
+
@media screen and (max-width: 767px) {
|
|
384
|
+
div.dt-container div.dt-layout-start > *:not(:last-child) {
|
|
385
|
+
margin-right: 0;
|
|
386
|
+
}
|
|
387
|
+
div.dt-container div.dt-layout-end > *:not(:first-child) {
|
|
388
|
+
margin-left: 0;
|
|
389
|
+
}
|
|
390
|
+
}
|
|
391
|
+
div.dt-container > div.row {
|
|
392
|
+
margin-bottom: 0.5rem;
|
|
393
|
+
}
|
|
394
|
+
div.dt-container > div.row:last-child {
|
|
395
|
+
margin-bottom: 0;
|
|
396
|
+
}
|
|
397
|
+
div.dt-container div.dt-length label {
|
|
23
398
|
font-weight: normal;
|
|
24
399
|
text-align: left;
|
|
25
400
|
white-space: nowrap;
|
|
401
|
+
margin-bottom: 0;
|
|
26
402
|
}
|
|
27
|
-
div.
|
|
28
|
-
width:
|
|
403
|
+
div.dt-container div.dt-length select {
|
|
404
|
+
width: auto;
|
|
29
405
|
display: inline-block;
|
|
406
|
+
margin-right: 0.5em;
|
|
30
407
|
}
|
|
31
|
-
div.
|
|
32
|
-
text-align: right;
|
|
33
|
-
}
|
|
34
|
-
div.dataTables_wrapper div.dataTables_filter label {
|
|
408
|
+
div.dt-container div.dt-search label {
|
|
35
409
|
font-weight: normal;
|
|
36
410
|
white-space: nowrap;
|
|
37
411
|
text-align: left;
|
|
412
|
+
margin-bottom: 0;
|
|
38
413
|
}
|
|
39
|
-
div.
|
|
414
|
+
div.dt-container div.dt-search input {
|
|
40
415
|
margin-left: 0.5em;
|
|
41
416
|
display: inline-block;
|
|
42
417
|
width: auto;
|
|
43
418
|
}
|
|
44
|
-
div.
|
|
45
|
-
padding-top: 0.85em;
|
|
419
|
+
div.dt-container div.dt-info {
|
|
46
420
|
white-space: nowrap;
|
|
47
421
|
}
|
|
48
|
-
div.
|
|
422
|
+
div.dt-container div.dt-paging {
|
|
49
423
|
margin: 0;
|
|
50
|
-
white-space: nowrap;
|
|
51
|
-
text-align: right;
|
|
52
424
|
}
|
|
53
|
-
div.
|
|
54
|
-
margin:
|
|
55
|
-
|
|
56
|
-
justify-content: flex-end;
|
|
425
|
+
div.dt-container div.dt-paging ul.pagination {
|
|
426
|
+
margin: 0;
|
|
427
|
+
flex-wrap: wrap;
|
|
57
428
|
}
|
|
58
|
-
div.
|
|
429
|
+
div.dt-container div.dt-processing {
|
|
59
430
|
position: absolute;
|
|
60
431
|
top: 50%;
|
|
61
432
|
left: 50%;
|
|
@@ -65,130 +436,82 @@ div.dataTables_wrapper div.dataTables_processing {
|
|
|
65
436
|
text-align: center;
|
|
66
437
|
padding: 1em 0;
|
|
67
438
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
table.dataTable thead > tr > td.sorting_asc,
|
|
71
|
-
table.dataTable thead > tr > td.sorting_desc,
|
|
72
|
-
table.dataTable thead > tr > td.sorting {
|
|
73
|
-
padding-right: 30px;
|
|
439
|
+
div.dt-container div.dt-scroll-body {
|
|
440
|
+
border-bottom: 1px solid #dee2e6;
|
|
74
441
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}
|
|
79
|
-
table.dataTable thead .sorting,
|
|
80
|
-
table.dataTable thead .sorting_asc,
|
|
81
|
-
table.dataTable thead .sorting_desc,
|
|
82
|
-
table.dataTable thead .sorting_asc_disabled,
|
|
83
|
-
table.dataTable thead .sorting_desc_disabled {
|
|
84
|
-
cursor: pointer;
|
|
85
|
-
position: relative;
|
|
442
|
+
div.dt-container div.dt-scroll-body table,
|
|
443
|
+
div.dt-container div.dt-scroll-body tbody > tr:last-child > * {
|
|
444
|
+
border-bottom: none;
|
|
86
445
|
}
|
|
87
|
-
|
|
88
|
-
table.dataTable
|
|
89
|
-
table.dataTable thead .sorting_asc:after,
|
|
90
|
-
table.dataTable thead .sorting_desc:before,
|
|
91
|
-
table.dataTable thead .sorting_desc:after,
|
|
92
|
-
table.dataTable thead .sorting_asc_disabled:before,
|
|
93
|
-
table.dataTable thead .sorting_asc_disabled:after,
|
|
94
|
-
table.dataTable thead .sorting_desc_disabled:before,
|
|
95
|
-
table.dataTable thead .sorting_desc_disabled:after {
|
|
96
|
-
position: absolute;
|
|
97
|
-
bottom: 0.9em;
|
|
98
|
-
display: block;
|
|
99
|
-
opacity: 0.3;
|
|
100
|
-
}
|
|
101
|
-
table.dataTable thead .sorting:before,
|
|
102
|
-
table.dataTable thead .sorting_asc:before,
|
|
103
|
-
table.dataTable thead .sorting_desc:before,
|
|
104
|
-
table.dataTable thead .sorting_asc_disabled:before,
|
|
105
|
-
table.dataTable thead .sorting_desc_disabled:before {
|
|
106
|
-
right: 1em;
|
|
107
|
-
content: "\2191";
|
|
108
|
-
}
|
|
109
|
-
table.dataTable thead .sorting:after,
|
|
110
|
-
table.dataTable thead .sorting_asc:after,
|
|
111
|
-
table.dataTable thead .sorting_desc:after,
|
|
112
|
-
table.dataTable thead .sorting_asc_disabled:after,
|
|
113
|
-
table.dataTable thead .sorting_desc_disabled:after {
|
|
114
|
-
right: 0.5em;
|
|
115
|
-
content: "\2193";
|
|
116
|
-
}
|
|
117
|
-
table.dataTable thead .sorting_asc:before,
|
|
118
|
-
table.dataTable thead .sorting_desc:after {
|
|
119
|
-
opacity: 1;
|
|
120
|
-
}
|
|
121
|
-
table.dataTable thead .sorting_asc_disabled:before,
|
|
122
|
-
table.dataTable thead .sorting_desc_disabled:after {
|
|
123
|
-
opacity: 0;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
div.dataTables_scrollHead table.dataTable {
|
|
446
|
+
|
|
447
|
+
div.dt-scroll-head table.dataTable {
|
|
127
448
|
margin-bottom: 0 !important;
|
|
128
449
|
}
|
|
129
450
|
|
|
130
|
-
div.
|
|
451
|
+
div.dt-scroll-body > table {
|
|
131
452
|
border-top: none;
|
|
132
453
|
margin-top: 0 !important;
|
|
133
454
|
margin-bottom: 0 !important;
|
|
134
455
|
}
|
|
135
|
-
div.
|
|
136
|
-
div.
|
|
137
|
-
div.dataTables_scrollBody table thead .sorting_desc:after {
|
|
456
|
+
div.dt-scroll-body > table thead .dt-orderable-asc:before,
|
|
457
|
+
div.dt-scroll-body > table thead .dt-orderable-desc:after {
|
|
138
458
|
display: none;
|
|
139
459
|
}
|
|
140
|
-
div.
|
|
141
|
-
div.
|
|
460
|
+
div.dt-scroll-body > table > tbody tr:first-child th,
|
|
461
|
+
div.dt-scroll-body > table > tbody tr:first-child td {
|
|
142
462
|
border-top: none;
|
|
143
463
|
}
|
|
144
464
|
|
|
145
|
-
div.
|
|
465
|
+
div.dt-scroll-foot > .dt-scroll-footInner {
|
|
466
|
+
box-sizing: content-box;
|
|
467
|
+
}
|
|
468
|
+
div.dt-scroll-foot > .dt-scroll-footInner > table {
|
|
146
469
|
margin-top: 0 !important;
|
|
147
470
|
border-top: none;
|
|
148
471
|
}
|
|
149
472
|
|
|
150
473
|
@media screen and (max-width: 767px) {
|
|
151
|
-
div.
|
|
152
|
-
div.
|
|
153
|
-
div.
|
|
154
|
-
div.
|
|
474
|
+
div.dt-container div.dt-length,
|
|
475
|
+
div.dt-container div.dt-search,
|
|
476
|
+
div.dt-container div.dt-info,
|
|
477
|
+
div.dt-container div.dt-paging {
|
|
155
478
|
text-align: center;
|
|
156
479
|
}
|
|
480
|
+
div.dt-container div.row {
|
|
481
|
+
margin-bottom: 0;
|
|
482
|
+
}
|
|
483
|
+
div.dt-container div.row > * {
|
|
484
|
+
margin-bottom: 0.5rem;
|
|
485
|
+
}
|
|
486
|
+
div.dt-container div.dt-paging ul.pagination {
|
|
487
|
+
justify-content: center !important;
|
|
488
|
+
}
|
|
157
489
|
}
|
|
158
|
-
table.dataTable.table-
|
|
490
|
+
table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc,
|
|
491
|
+
table.dataTable.table-sm > thead > tr td.dt-orderable-asc,
|
|
492
|
+
table.dataTable.table-sm > thead > tr td.dt-orderable-desc,
|
|
493
|
+
table.dataTable.table-sm > thead > tr td.dt-ordering-asc,
|
|
494
|
+
table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
|
|
159
495
|
padding-right: 20px;
|
|
160
496
|
}
|
|
161
|
-
table.dataTable.table-
|
|
162
|
-
table.dataTable.table-
|
|
163
|
-
table.dataTable.table-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
table.table-bordered.dataTable th,
|
|
169
|
-
table.table-bordered.dataTable td {
|
|
170
|
-
border-left-width: 0;
|
|
171
|
-
}
|
|
172
|
-
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
|
|
173
|
-
table.table-bordered.dataTable td:last-child,
|
|
174
|
-
table.table-bordered.dataTable td:last-child {
|
|
175
|
-
border-right-width: 0;
|
|
176
|
-
}
|
|
177
|
-
table.table-bordered.dataTable tbody th,
|
|
178
|
-
table.table-bordered.dataTable tbody td {
|
|
179
|
-
border-bottom-width: 0;
|
|
497
|
+
table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order,
|
|
498
|
+
table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order,
|
|
499
|
+
table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order,
|
|
500
|
+
table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order,
|
|
501
|
+
table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
|
|
502
|
+
right: 5px;
|
|
180
503
|
}
|
|
181
504
|
|
|
182
|
-
div.
|
|
505
|
+
div.dt-scroll-head table.table-bordered {
|
|
183
506
|
border-bottom-width: 0;
|
|
184
507
|
}
|
|
185
508
|
|
|
186
|
-
div.table-responsive > div.
|
|
509
|
+
div.table-responsive > div.dt-container > div.row {
|
|
187
510
|
margin: 0;
|
|
188
511
|
}
|
|
189
|
-
div.table-responsive > div.
|
|
512
|
+
div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
|
|
190
513
|
padding-left: 0;
|
|
191
514
|
}
|
|
192
|
-
div.table-responsive > div.
|
|
515
|
+
div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
|
|
193
516
|
padding-right: 0;
|
|
194
517
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--dt-row-selected: 2, 117, 216;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before,:root[data-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll{width:100%}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>th.dt-ordering-asc,table.dataTable thead>tr>th.dt-ordering-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc,table.dataTable thead>tr>td.dt-ordering-asc,table.dataTable thead>tr>td.dt-ordering-desc{position:relative;padding-right:30px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position:absolute;right:12px;top:0;bottom:0;width:12px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(2, 117, 216);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable.table{clear:both;max-width:none;border-spacing:0;margin-bottom:0}table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1){background-color:transparent}table.dataTable.table>tbody>tr{background-color:transparent}table.dataTable.table>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(2, 117, 216);box-shadow:inset 0 0 0 9999px rgb(var(--dt-row-selected));color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable.table>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05)}table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1).selected>*{box-shadow:inset 0 0 0 9999px rgba(2, 117, 216, 0.95);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95)}table.dataTable.table.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.dataTable.table.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(2, 117, 216, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:1em}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:1em}div.dt-container div.dt-layout-full{width:100%}div.dt-container div.dt-layout-full>*:only-child{margin-left:auto;margin-right:auto}div.dt-container div.dt-layout-table>div{display:block !important}@media screen and (max-width: 767px){div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:0}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:0}}div.dt-container>div.row{margin-bottom:.5rem}div.dt-container>div.row:last-child{margin-bottom:0}div.dt-container div.dt-length label{font-weight:normal;text-align:left;white-space:nowrap;margin-bottom:0}div.dt-container div.dt-length select{width:auto;display:inline-block;margin-right:.5em}div.dt-container div.dt-search label{font-weight:normal;white-space:nowrap;text-align:left;margin-bottom:0}div.dt-container div.dt-search input{margin-left:.5em;display:inline-block;width:auto}div.dt-container div.dt-info{white-space:nowrap}div.dt-container div.dt-paging{margin:0}div.dt-container div.dt-paging ul.pagination{margin:0;flex-wrap:wrap}div.dt-container div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}div.dt-container div.dt-scroll-body{border-bottom:1px solid #dee2e6}div.dt-container div.dt-scroll-body table,div.dt-container div.dt-scroll-body tbody>tr:last-child>*{border-bottom:none}div.dt-scroll-head table.dataTable{margin-bottom:0 !important}div.dt-scroll-body>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dt-scroll-body>table thead .dt-orderable-asc:before,div.dt-scroll-body>table thead .dt-orderable-desc:after{display:none}div.dt-scroll-body>table>tbody tr:first-child th,div.dt-scroll-body>table>tbody tr:first-child td{border-top:none}div.dt-scroll-foot>.dt-scroll-footInner{box-sizing:content-box}div.dt-scroll-foot>.dt-scroll-footInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dt-container div.dt-length,div.dt-container div.dt-search,div.dt-container div.dt-info,div.dt-container div.dt-paging{text-align:center}div.dt-container div.row{margin-bottom:0}div.dt-container div.row>*{margin-bottom:.5rem}div.dt-container div.dt-paging ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr th.dt-orderable-asc,table.dataTable.table-sm>thead>tr th.dt-orderable-desc,table.dataTable.table-sm>thead>tr th.dt-ordering-asc,table.dataTable.table-sm>thead>tr th.dt-ordering-desc,table.dataTable.table-sm>thead>tr td.dt-orderable-asc,table.dataTable.table-sm>thead>tr td.dt-orderable-desc,table.dataTable.table-sm>thead>tr td.dt-ordering-asc,table.dataTable.table-sm>thead>tr td.dt-ordering-desc{padding-right:20px}table.dataTable.table-sm>thead>tr th.dt-orderable-asc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-orderable-desc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-ordering-asc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-ordering-desc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-orderable-asc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-orderable-desc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-ordering-asc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-ordering-desc span.dt-column-order{right:5px}div.dt-scroll-head table.table-bordered{border-bottom-width:0}div.table-responsive>div.dt-container>div.row{margin:0}div.table-responsive>div.dt-container>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dt-container>div.row>div[class^=col-]:last-child{padding-right:0}
|
|
@@ -1,15 +1,7 @@
|
|
|
1
|
-
/*! DataTables Bootstrap
|
|
2
|
-
* ©
|
|
1
|
+
/*! DataTables Bootstrap 4 integration
|
|
2
|
+
* © SpryMedia Ltd - datatables.net/license
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
/**
|
|
6
|
-
* DataTables integration for Bootstrap 3. This requires Bootstrap 3 and
|
|
7
|
-
* DataTables 1.10 or newer.
|
|
8
|
-
*
|
|
9
|
-
* This file sets the defaults and adds options to DataTables to style its
|
|
10
|
-
* controls using Bootstrap. See http://datatables.net/manual/styling/bootstrap
|
|
11
|
-
* for further information.
|
|
12
|
-
*/
|
|
13
5
|
(function( factory ){
|
|
14
6
|
if ( typeof define === 'function' && define.amd ) {
|
|
15
7
|
// AMD
|
|
@@ -19,164 +11,109 @@
|
|
|
19
11
|
}
|
|
20
12
|
else if ( typeof exports === 'object' ) {
|
|
21
13
|
// CommonJS
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
var jq = require('jquery');
|
|
15
|
+
var cjsRequires = function (root, $) {
|
|
16
|
+
if ( ! $.fn.dataTable ) {
|
|
17
|
+
require('datatables.net')(root, $);
|
|
25
18
|
}
|
|
19
|
+
};
|
|
26
20
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
21
|
+
if (typeof window === 'undefined') {
|
|
22
|
+
module.exports = function (root, $) {
|
|
23
|
+
if ( ! root ) {
|
|
24
|
+
// CommonJS environments without a window global must pass a
|
|
25
|
+
// root. This will give an error otherwise
|
|
26
|
+
root = window;
|
|
27
|
+
}
|
|
33
28
|
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
if ( ! $ ) {
|
|
30
|
+
$ = jq( root );
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
cjsRequires( root, $ );
|
|
34
|
+
return factory( $, root, root.document );
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
cjsRequires( window, jq );
|
|
39
|
+
module.exports = factory( jq, window, window.document );
|
|
40
|
+
}
|
|
36
41
|
}
|
|
37
42
|
else {
|
|
38
43
|
// Browser
|
|
39
44
|
factory( jQuery, window, document );
|
|
40
45
|
}
|
|
41
|
-
}(function( $, window, document
|
|
46
|
+
}(function( $, window, document ) {
|
|
42
47
|
'use strict';
|
|
43
48
|
var DataTable = $.fn.dataTable;
|
|
44
49
|
|
|
45
50
|
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* DataTables integration for Bootstrap 4.
|
|
54
|
+
*
|
|
55
|
+
* This file sets the defaults and adds options to DataTables to style its
|
|
56
|
+
* controls using Bootstrap. See https://datatables.net/manual/styling/bootstrap
|
|
57
|
+
* for further information.
|
|
58
|
+
*/
|
|
59
|
+
|
|
46
60
|
/* Set the defaults for DataTables initialisation */
|
|
47
61
|
$.extend( true, DataTable.defaults, {
|
|
48
|
-
dom:
|
|
49
|
-
"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
|
|
50
|
-
"<'row'<'col-sm-12'tr>>" +
|
|
51
|
-
"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
|
|
52
62
|
renderer: 'bootstrap'
|
|
53
63
|
} );
|
|
54
64
|
|
|
55
65
|
|
|
56
66
|
/* Default class modification */
|
|
57
|
-
$.extend( DataTable.ext.classes, {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
67
|
+
$.extend( true, DataTable.ext.classes, {
|
|
68
|
+
container: "dt-container dt-bootstrap4",
|
|
69
|
+
search: {
|
|
70
|
+
input: "form-control form-control-sm"
|
|
71
|
+
},
|
|
72
|
+
length: {
|
|
73
|
+
select: "custom-select custom-select-sm form-control form-control-sm"
|
|
74
|
+
},
|
|
75
|
+
processing: {
|
|
76
|
+
container: "dt-processing card"
|
|
77
|
+
},
|
|
78
|
+
layout: {
|
|
79
|
+
row: 'row justify-content-between',
|
|
80
|
+
cell: 'd-md-flex justify-content-between align-items-center',
|
|
81
|
+
tableCell: 'col-12',
|
|
82
|
+
start: 'dt-layout-start col-md-auto mr-auto',
|
|
83
|
+
end: 'dt-layout-end col-md-auto ml-auto',
|
|
84
|
+
full: 'dt-layout-full col-md'
|
|
85
|
+
}
|
|
63
86
|
} );
|
|
64
87
|
|
|
65
88
|
|
|
66
89
|
/* Bootstrap paging button renderer */
|
|
67
|
-
DataTable.ext.renderer.
|
|
68
|
-
var
|
|
69
|
-
var classes = settings.oClasses;
|
|
70
|
-
var lang = settings.oLanguage.oPaginate;
|
|
71
|
-
var aria = settings.oLanguage.oAria.paginate || {};
|
|
72
|
-
var btnDisplay, btnClass, counter=0;
|
|
73
|
-
|
|
74
|
-
var attach = function( container, buttons ) {
|
|
75
|
-
var i, ien, node, button;
|
|
76
|
-
var clickHandler = function ( e ) {
|
|
77
|
-
e.preventDefault();
|
|
78
|
-
if ( !$(e.currentTarget).hasClass('disabled') && api.page() != e.data.action ) {
|
|
79
|
-
api.page( e.data.action ).draw( 'page' );
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
|
|
84
|
-
button = buttons[i];
|
|
85
|
-
|
|
86
|
-
if ( $.isArray( button ) ) {
|
|
87
|
-
attach( container, button );
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
btnDisplay = '';
|
|
91
|
-
btnClass = '';
|
|
92
|
-
|
|
93
|
-
switch ( button ) {
|
|
94
|
-
case 'ellipsis':
|
|
95
|
-
btnDisplay = '…';
|
|
96
|
-
btnClass = 'disabled';
|
|
97
|
-
break;
|
|
98
|
-
|
|
99
|
-
case 'first':
|
|
100
|
-
btnDisplay = lang.sFirst;
|
|
101
|
-
btnClass = button + (page > 0 ?
|
|
102
|
-
'' : ' disabled');
|
|
103
|
-
break;
|
|
104
|
-
|
|
105
|
-
case 'previous':
|
|
106
|
-
btnDisplay = lang.sPrevious;
|
|
107
|
-
btnClass = button + (page > 0 ?
|
|
108
|
-
'' : ' disabled');
|
|
109
|
-
break;
|
|
110
|
-
|
|
111
|
-
case 'next':
|
|
112
|
-
btnDisplay = lang.sNext;
|
|
113
|
-
btnClass = button + (page < pages-1 ?
|
|
114
|
-
'' : ' disabled');
|
|
115
|
-
break;
|
|
116
|
-
|
|
117
|
-
case 'last':
|
|
118
|
-
btnDisplay = lang.sLast;
|
|
119
|
-
btnClass = button + (page < pages-1 ?
|
|
120
|
-
'' : ' disabled');
|
|
121
|
-
break;
|
|
122
|
-
|
|
123
|
-
default:
|
|
124
|
-
btnDisplay = button + 1;
|
|
125
|
-
btnClass = page === button ?
|
|
126
|
-
'active' : '';
|
|
127
|
-
break;
|
|
128
|
-
}
|
|
90
|
+
DataTable.ext.renderer.pagingButton.bootstrap = function (settings, buttonType, content, active, disabled) {
|
|
91
|
+
var btnClasses = ['dt-paging-button', 'page-item'];
|
|
129
92
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
'id': idx === 0 && typeof button === 'string' ?
|
|
134
|
-
settings.sTableId +'_'+ button :
|
|
135
|
-
null
|
|
136
|
-
} )
|
|
137
|
-
.append( $('<a>', {
|
|
138
|
-
'href': '#',
|
|
139
|
-
'aria-controls': settings.sTableId,
|
|
140
|
-
'aria-label': aria[ button ],
|
|
141
|
-
'data-dt-idx': counter,
|
|
142
|
-
'tabindex': settings.iTabIndex,
|
|
143
|
-
'class': 'page-link'
|
|
144
|
-
} )
|
|
145
|
-
.html( btnDisplay )
|
|
146
|
-
)
|
|
147
|
-
.appendTo( container );
|
|
148
|
-
|
|
149
|
-
settings.oApi._fnBindAction(
|
|
150
|
-
node, {action: button}, clickHandler
|
|
151
|
-
);
|
|
152
|
-
|
|
153
|
-
counter++;
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
};
|
|
158
|
-
|
|
159
|
-
// IE9 throws an 'unknown error' if document.activeElement is used
|
|
160
|
-
// inside an iframe or frame.
|
|
161
|
-
var activeEl;
|
|
93
|
+
if (active) {
|
|
94
|
+
btnClasses.push('active');
|
|
95
|
+
}
|
|
162
96
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
// elements, focus is lost on the select button which is bad for
|
|
166
|
-
// accessibility. So we want to restore focus once the draw has
|
|
167
|
-
// completed
|
|
168
|
-
activeEl = $(host).find(document.activeElement).data('dt-idx');
|
|
97
|
+
if (disabled) {
|
|
98
|
+
btnClasses.push('disabled')
|
|
169
99
|
}
|
|
170
|
-
catch (e) {}
|
|
171
100
|
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
101
|
+
var li = $('<li>').addClass(btnClasses.join(' '));
|
|
102
|
+
var a = $('<a>', {
|
|
103
|
+
'href': disabled ? null : '#',
|
|
104
|
+
'class': 'page-link'
|
|
105
|
+
})
|
|
106
|
+
.html(content)
|
|
107
|
+
.appendTo(li);
|
|
108
|
+
|
|
109
|
+
return {
|
|
110
|
+
display: li,
|
|
111
|
+
clicker: a
|
|
112
|
+
};
|
|
113
|
+
};
|
|
176
114
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}
|
|
115
|
+
DataTable.ext.renderer.pagingContainer.bootstrap = function (settings, buttonEls) {
|
|
116
|
+
return $('<ul/>').addClass('pagination').append(buttonEls);
|
|
180
117
|
};
|
|
181
118
|
|
|
182
119
|
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*! DataTables Bootstrap 4 integration
|
|
2
|
+
* © SpryMedia Ltd - datatables.net/license
|
|
3
|
+
*/
|
|
4
|
+
!function(n){var o,r;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(t){return n(t,window,document)}):"object"==typeof exports?(o=require("jquery"),r=function(t,e){e.fn.dataTable||require("datatables.net")(t,e)},"undefined"==typeof window?module.exports=function(t,e){return t=t||window,e=e||o(t),r(t,e),n(e,0,t.document)}:(r(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(d,t,e){"use strict";var n=d.fn.dataTable;return d.extend(!0,n.defaults,{renderer:"bootstrap"}),d.extend(!0,n.ext.classes,{container:"dt-container dt-bootstrap4",search:{input:"form-control form-control-sm"},length:{select:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"},layout:{row:"row justify-content-between",cell:"d-md-flex justify-content-between align-items-center",tableCell:"col-12",start:"dt-layout-start col-md-auto mr-auto",end:"dt-layout-end col-md-auto ml-auto",full:"dt-layout-full col-md"}}),n.ext.renderer.pagingButton.bootstrap=function(t,e,n,o,r){var a=["dt-paging-button","page-item"],o=(o&&a.push("active"),r&&a.push("disabled"),d("<li>").addClass(a.join(" ")));return{display:o,clicker:d("<a>",{href:r?null:"#",class:"page-link"}).html(n).appendTo(o)}},n.ext.renderer.pagingContainer.bootstrap=function(t,e){return d("<ul/>").addClass("pagination").append(e)},n});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*! DataTables Bootstrap 4 integration
|
|
2
|
+
* © SpryMedia Ltd - datatables.net/license
|
|
3
|
+
*/
|
|
4
|
+
import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;$.extend(!0,DataTable.defaults,{renderer:"bootstrap"}),$.extend(!0,DataTable.ext.classes,{container:"dt-container dt-bootstrap4",search:{input:"form-control form-control-sm"},length:{select:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"},layout:{row:"row justify-content-between",cell:"d-md-flex justify-content-between align-items-center",tableCell:"col-12",start:"dt-layout-start col-md-auto mr-auto",end:"dt-layout-end col-md-auto ml-auto",full:"dt-layout-full col-md"}}),DataTable.ext.renderer.pagingButton.bootstrap=function(t,e,a,o,l){var n=["dt-paging-button","page-item"],o=(o&&n.push("active"),l&&n.push("disabled"),$("<li>").addClass(n.join(" ")));return{display:o,clicker:$("<a>",{href:l?null:"#",class:"page-link"}).html(a).appendTo(o)}},DataTable.ext.renderer.pagingContainer.bootstrap=function(t,e){return $("<ul/>").addClass("pagination").append(e)};export default DataTable;
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/*! DataTables Bootstrap 4 integration
|
|
2
|
+
* © SpryMedia Ltd - datatables.net/license
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import jQuery from 'jquery';
|
|
6
|
+
import DataTable from 'datatables.net';
|
|
7
|
+
|
|
8
|
+
// Allow reassignment of the $ variable
|
|
9
|
+
let $ = jQuery;
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* DataTables integration for Bootstrap 4.
|
|
14
|
+
*
|
|
15
|
+
* This file sets the defaults and adds options to DataTables to style its
|
|
16
|
+
* controls using Bootstrap. See https://datatables.net/manual/styling/bootstrap
|
|
17
|
+
* for further information.
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
/* Set the defaults for DataTables initialisation */
|
|
21
|
+
$.extend( true, DataTable.defaults, {
|
|
22
|
+
renderer: 'bootstrap'
|
|
23
|
+
} );
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
/* Default class modification */
|
|
27
|
+
$.extend( true, DataTable.ext.classes, {
|
|
28
|
+
container: "dt-container dt-bootstrap4",
|
|
29
|
+
search: {
|
|
30
|
+
input: "form-control form-control-sm"
|
|
31
|
+
},
|
|
32
|
+
length: {
|
|
33
|
+
select: "custom-select custom-select-sm form-control form-control-sm"
|
|
34
|
+
},
|
|
35
|
+
processing: {
|
|
36
|
+
container: "dt-processing card"
|
|
37
|
+
},
|
|
38
|
+
layout: {
|
|
39
|
+
row: 'row justify-content-between',
|
|
40
|
+
cell: 'd-md-flex justify-content-between align-items-center',
|
|
41
|
+
tableCell: 'col-12',
|
|
42
|
+
start: 'dt-layout-start col-md-auto mr-auto',
|
|
43
|
+
end: 'dt-layout-end col-md-auto ml-auto',
|
|
44
|
+
full: 'dt-layout-full col-md'
|
|
45
|
+
}
|
|
46
|
+
} );
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
/* Bootstrap paging button renderer */
|
|
50
|
+
DataTable.ext.renderer.pagingButton.bootstrap = function (settings, buttonType, content, active, disabled) {
|
|
51
|
+
var btnClasses = ['dt-paging-button', 'page-item'];
|
|
52
|
+
|
|
53
|
+
if (active) {
|
|
54
|
+
btnClasses.push('active');
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
if (disabled) {
|
|
58
|
+
btnClasses.push('disabled')
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
var li = $('<li>').addClass(btnClasses.join(' '));
|
|
62
|
+
var a = $('<a>', {
|
|
63
|
+
'href': disabled ? null : '#',
|
|
64
|
+
'class': 'page-link'
|
|
65
|
+
})
|
|
66
|
+
.html(content)
|
|
67
|
+
.appendTo(li);
|
|
68
|
+
|
|
69
|
+
return {
|
|
70
|
+
display: li,
|
|
71
|
+
clicker: a
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
DataTable.ext.renderer.pagingContainer.bootstrap = function (settings, buttonEls) {
|
|
76
|
+
return $('<ul/>').addClass('pagination').append(buttonEls);
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
export default DataTable;
|
package/package.json
CHANGED
|
@@ -1,29 +1,49 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "datatables.net-bs4",
|
|
3
|
-
"
|
|
4
|
-
"
|
|
3
|
+
"description": "DataTables for jQuery with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)",
|
|
4
|
+
"main": "js/dataTables.bootstrap4.js",
|
|
5
|
+
"module": "js/dataTables.bootstrap4.mjs",
|
|
6
|
+
"style": "css/dataTables.bootstrap4.css",
|
|
7
|
+
"types": "./types/dataTables.bootstrap4.d.ts",
|
|
8
|
+
"version": "2.1.2",
|
|
5
9
|
"files": [
|
|
6
|
-
"
|
|
7
|
-
"
|
|
10
|
+
"css/**/*.css",
|
|
11
|
+
"js/**/*.js",
|
|
12
|
+
"js/**/*.mjs",
|
|
13
|
+
"types/**/*.d.ts"
|
|
8
14
|
],
|
|
9
|
-
"main": "./js/dataTables.bootstrap4.js",
|
|
10
15
|
"keywords": [
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
16
|
+
"Bootstrap",
|
|
17
|
+
"Bootstrap4",
|
|
18
|
+
"Datatables",
|
|
14
19
|
"jQuery",
|
|
15
20
|
"table",
|
|
16
|
-
"
|
|
21
|
+
"filter",
|
|
22
|
+
"sort"
|
|
23
|
+
],
|
|
24
|
+
"dependencies": {
|
|
25
|
+
"datatables.net": "2.1.2",
|
|
26
|
+
"jquery": ">=1.7"
|
|
27
|
+
},
|
|
28
|
+
"moduleType": [
|
|
29
|
+
"globals",
|
|
30
|
+
"amd",
|
|
31
|
+
"node"
|
|
32
|
+
],
|
|
33
|
+
"ignore": [
|
|
34
|
+
"composer.json",
|
|
35
|
+
"datatables.json",
|
|
36
|
+
"package.json"
|
|
17
37
|
],
|
|
18
|
-
"homepage": "https://datatables.net",
|
|
19
|
-
"bugs": "https://datatables.net/forums",
|
|
20
|
-
"license": "MIT",
|
|
21
38
|
"author": {
|
|
22
39
|
"name": "SpryMedia Ltd",
|
|
23
40
|
"url": "http://datatables.net"
|
|
24
41
|
},
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
42
|
+
"homepage": "https://datatables.net",
|
|
43
|
+
"bugs": "https://datatables.net/forums",
|
|
44
|
+
"license": "MIT",
|
|
45
|
+
"repository": {
|
|
46
|
+
"type": "git",
|
|
47
|
+
"url": "https://github.com/DataTables/Dist-DataTables-Bootstrap4.git"
|
|
28
48
|
}
|
|
29
49
|
}
|