├── .gitignore
├── License.txt
├── Readme.md
├── composer.json
├── css
    ├── dataTables.bootstrap5.css
    └── dataTables.bootstrap5.min.css
├── datatables.json
├── js
    ├── dataTables.bootstrap5.js
    ├── dataTables.bootstrap5.min.js
    ├── dataTables.bootstrap5.min.mjs
    └── dataTables.bootstrap5.mjs
├── nuget.nuspec
├── package.json
└── types
    └── dataTables.bootstrap5.d.ts


/.gitignore:
--------------------------------------------------------------------------------
1 | *.lock
2 | 


--------------------------------------------------------------------------------
/License.txt:
--------------------------------------------------------------------------------
 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.
23 | 


--------------------------------------------------------------------------------
/Readme.md:
--------------------------------------------------------------------------------
 1 | # DataTables with [Bootstrap5](https://getbootstrap.com/) styling
 2 | 
 3 | This package contains distribution files required to style [DataTables table enhancement library](https://datatables.net) with styling integration for [Bootstrap5](https://getbootstrap.com/).
 4 | 
 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 | 
 7 | 
 8 | ## Installation
 9 | 
10 | ### Browser
11 | 
12 | To use DataTables with a simple `<script>` tag, rather than using this package, it is recommended that you use the [DataTables download builder](//datatables.net/download) which can create CDN or locally hosted packages for you, will all dependencies satisfied.
13 | 
14 | ### npm
15 | 
16 | For installation via npm, yarn and other similar package managers, install this package with your package manager - e.g.:
17 | 
18 | ```
19 | npm install datatables.net-bs5
20 | ```
21 | 
22 | Then, to load and initialise DataTables in your code use:
23 | 
24 | ```
25 | import DataTable from 'datatables.net-bs5';
26 | 
27 | new DataTable('#myTable', {
28 |     // initialisation options
29 | });
30 | ```
31 | 
32 | If you are using an old version of Node or a CommonJS loader, you might need to use the `require` syntax:
33 | 
34 | ```
35 | const DataTable = require('datatables.net-bs5');
36 | 
37 | new DataTable('#myTable', {
38 |     // initialisation options
39 | });
40 | ```
41 | 
42 | 
43 | ## Documentation
44 | 
45 | 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.
46 | 
47 | 
48 | ## Bug / Support
49 | 
50 | Support for DataTables is available through the [DataTables forums](//datatables.net/forums) and [commercial support options](//datatables.net/support) are available.
51 | 
52 | ### Contributing
53 | 
54 | If you are thinking of contributing code to DataTables, first of all, thank you! All fixes, patches and enhancements to DataTables are very warmly welcomed. This repository is a distribution repo, so patches and issues sent to this repo will not be accepted. Instead, please direct pull requests to the [DataTables/DataTablesSrc](http://github.com/DataTables/DataTablesSrc). For issues / bugs, please direct your questions to the [DataTables forums](//datatables.net/forums).
55 | 
56 | 
57 | ## License
58 | 
59 | 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.
60 | 
61 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "datatables.net/datatables.net-bs5",
 3 |     "description": "DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. This is DataTables with styling for [Bootstrap5](https://getbootstrap.com/)",
 4 |     "support": {
 5 |         "forum": "https://datatables.net/forums",
 6 |         "source": "https://github.com/DataTables/Dist-DataTables-Bootstrap5"
 7 |     },
 8 |     "homepage": "http://www.datatables.net/",
 9 |     "authors": [
10 |         {
11 |             "name": "SpryMedia",
12 |             "homepage": "https://datatables.net"
13 |         }
14 |     ],
15 |     "license": [
16 |         "MIT"
17 |     ],
18 |     "prefer-stable": true,
19 |     "minimum-stability": "dev",
20 |     "keywords": [
21 |         "Bootstrap",
22 |         "Bootstrap5",
23 |         "Datatables",
24 |         "jQuery",
25 |         "table"
26 |     ],
27 |     "require": {
28 |         "datatables.net/datatables.net": ">=1.12.1",
29 |         "twbs/bootstrap": "5.*"
30 |     }
31 | }


--------------------------------------------------------------------------------
/css/dataTables.bootstrap5.css:
--------------------------------------------------------------------------------
  1 | :root {
  2 |   --dt-row-selected: 13, 110, 253;
  3 |   --dt-row-selected-text: 255, 255, 255;
  4 |   --dt-row-selected-link: 9, 10, 11;
  5 |   --dt-row-stripe: 0, 0, 0;
  6 |   --dt-row-hover: 0, 0, 0;
  7 |   --dt-column-ordering: 0, 0, 0;
  8 |   --dt-header-align-items: center;
  9 |   --dt-html-background: white;
 10 | }
 11 | :root.dark {
 12 |   --dt-html-background: rgb(33, 37, 41);
 13 | }
 14 | 
 15 | table.dataTable tbody td.dt-control {
 16 |   text-align: center;
 17 |   cursor: pointer;
 18 | }
 19 | table.dataTable tbody 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 tbody 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 | table.dataTable tfoot:empty {
 35 |   display: none;
 36 | }
 37 | 
 38 | html.dark table.dataTable td.dt-control:before,
 39 | :root[data-bs-theme=dark] table.dataTable td.dt-control:before,
 40 | :root[data-theme=dark] table.dataTable td.dt-control:before {
 41 |   border-left-color: rgba(255, 255, 255, 0.5);
 42 | }
 43 | html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
 44 | :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
 45 | :root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
 46 |   border-top-color: rgba(255, 255, 255, 0.5);
 47 |   border-left-color: transparent;
 48 | }
 49 | 
 50 | div.dt-scroll {
 51 |   width: 100%;
 52 | }
 53 | 
 54 | div.dt-scroll-body thead tr,
 55 | div.dt-scroll-body tfoot tr {
 56 |   height: 0;
 57 | }
 58 | div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
 59 | div.dt-scroll-body tfoot tr th,
 60 | div.dt-scroll-body tfoot tr td {
 61 |   height: 0 !important;
 62 |   padding-top: 0px !important;
 63 |   padding-bottom: 0px !important;
 64 |   border-top-width: 0px !important;
 65 |   border-bottom-width: 0px !important;
 66 | }
 67 | div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
 68 | div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
 69 | div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
 70 |   height: 0 !important;
 71 |   overflow: hidden !important;
 72 | }
 73 | 
 74 | table.dataTable thead > tr > th:active,
 75 | table.dataTable thead > tr > td:active {
 76 |   outline: none;
 77 | }
 78 | 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,
 79 | table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
 80 | table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
 81 |   position: absolute;
 82 |   display: block;
 83 |   bottom: 50%;
 84 |   content: "\25B2";
 85 |   content: "\25B2"/"";
 86 | }
 87 | 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,
 88 | table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
 89 | table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
 90 |   position: absolute;
 91 |   display: block;
 92 |   top: 50%;
 93 |   content: "\25BC";
 94 |   content: "\25BC"/"";
 95 | }
 96 | 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,
 97 | table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
 98 | table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
 99 | table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
100 | table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
101 |   position: relative;
102 |   width: 12px;
103 |   height: 20px;
104 | }
105 | 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,
106 | table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
107 | table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
108 | table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
109 | table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
110 | table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
111 | table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
112 | table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
113 | table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
114 |   left: 0;
115 |   opacity: 0.125;
116 |   line-height: 9px;
117 |   font-size: 0.8em;
118 | }
119 | table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
120 | table.dataTable thead > tr > td.dt-orderable-asc,
121 | table.dataTable thead > tr > td.dt-orderable-desc {
122 |   cursor: pointer;
123 | }
124 | table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
125 | table.dataTable thead > tr > td.dt-orderable-asc:hover,
126 | table.dataTable thead > tr > td.dt-orderable-desc:hover {
127 |   outline: 2px solid rgba(0, 0, 0, 0.05);
128 |   outline-offset: -2px;
129 | }
130 | 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,
131 | table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
132 | table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
133 |   opacity: 0.6;
134 | }
135 | 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,
136 | table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
137 | table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
138 |   display: none;
139 | }
140 | table.dataTable thead > tr > th:active,
141 | table.dataTable thead > tr > td:active {
142 |   outline: none;
143 | }
144 | 
145 | table.dataTable thead > tr > th div.dt-column-header,
146 | table.dataTable thead > tr > th div.dt-column-footer,
147 | table.dataTable thead > tr > td div.dt-column-header,
148 | table.dataTable thead > tr > td div.dt-column-footer,
149 | table.dataTable tfoot > tr > th div.dt-column-header,
150 | table.dataTable tfoot > tr > th div.dt-column-footer,
151 | table.dataTable tfoot > tr > td div.dt-column-header,
152 | table.dataTable tfoot > tr > td div.dt-column-footer {
153 |   display: flex;
154 |   justify-content: space-between;
155 |   align-items: var(--dt-header-align-items);
156 |   gap: 4px;
157 | }
158 | table.dataTable thead > tr > th div.dt-column-header span.dt-column-title,
159 | table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title,
160 | table.dataTable thead > tr > td div.dt-column-header span.dt-column-title,
161 | table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title,
162 | table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title,
163 | table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title,
164 | table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title,
165 | table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
166 |   flex-grow: 1;
167 | }
168 | table.dataTable thead > tr > th div.dt-column-header span.dt-column-title:empty,
169 | table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title:empty,
170 | table.dataTable thead > tr > td div.dt-column-header span.dt-column-title:empty,
171 | table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title:empty,
172 | table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title:empty,
173 | table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title:empty,
174 | table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title:empty,
175 | table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title:empty {
176 |   display: none;
177 | }
178 | 
179 | div.dt-scroll-body > table.dataTable > thead > tr > th,
180 | div.dt-scroll-body > table.dataTable > thead > tr > td {
181 |   overflow: hidden;
182 | }
183 | 
184 | :root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
185 | :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
186 | :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
187 | :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
188 | :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
189 | :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
190 | :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
191 |   outline: 2px solid rgba(255, 255, 255, 0.05);
192 | }
193 | 
194 | div.dt-processing {
195 |   position: absolute;
196 |   top: 50%;
197 |   left: 50%;
198 |   width: 200px;
199 |   margin-left: -100px;
200 |   margin-top: -22px;
201 |   text-align: center;
202 |   padding: 2px;
203 |   z-index: 10;
204 | }
205 | div.dt-processing > div:last-child {
206 |   position: relative;
207 |   width: 80px;
208 |   height: 15px;
209 |   margin: 1em auto;
210 | }
211 | div.dt-processing > div:last-child > div {
212 |   position: absolute;
213 |   top: 0;
214 |   width: 13px;
215 |   height: 13px;
216 |   border-radius: 50%;
217 |   background: rgb(13, 110, 253);
218 |   background: rgb(var(--dt-row-selected));
219 |   animation-timing-function: cubic-bezier(0, 1, 1, 0);
220 | }
221 | div.dt-processing > div:last-child > div:nth-child(1) {
222 |   left: 8px;
223 |   animation: datatables-loader-1 0.6s infinite;
224 | }
225 | div.dt-processing > div:last-child > div:nth-child(2) {
226 |   left: 8px;
227 |   animation: datatables-loader-2 0.6s infinite;
228 | }
229 | div.dt-processing > div:last-child > div:nth-child(3) {
230 |   left: 32px;
231 |   animation: datatables-loader-2 0.6s infinite;
232 | }
233 | div.dt-processing > div:last-child > div:nth-child(4) {
234 |   left: 56px;
235 |   animation: datatables-loader-3 0.6s infinite;
236 | }
237 | 
238 | @keyframes datatables-loader-1 {
239 |   0% {
240 |     transform: scale(0);
241 |   }
242 |   100% {
243 |     transform: scale(1);
244 |   }
245 | }
246 | @keyframes datatables-loader-3 {
247 |   0% {
248 |     transform: scale(1);
249 |   }
250 |   100% {
251 |     transform: scale(0);
252 |   }
253 | }
254 | @keyframes datatables-loader-2 {
255 |   0% {
256 |     transform: translate(0, 0);
257 |   }
258 |   100% {
259 |     transform: translate(24px, 0);
260 |   }
261 | }
262 | table.dataTable.nowrap th, table.dataTable.nowrap td {
263 |   white-space: nowrap;
264 | }
265 | table.dataTable th,
266 | table.dataTable td {
267 |   box-sizing: border-box;
268 | }
269 | table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
270 | table.dataTable td.dt-type-numeric,
271 | table.dataTable td.dt-type-date {
272 |   text-align: right;
273 | }
274 | table.dataTable th.dt-type-numeric div.dt-column-header,
275 | table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header,
276 | table.dataTable th.dt-type-date div.dt-column-footer,
277 | table.dataTable td.dt-type-numeric div.dt-column-header,
278 | table.dataTable td.dt-type-numeric div.dt-column-footer,
279 | table.dataTable td.dt-type-date div.dt-column-header,
280 | table.dataTable td.dt-type-date div.dt-column-footer {
281 |   flex-direction: row-reverse;
282 | }
283 | table.dataTable th.dt-left,
284 | table.dataTable td.dt-left {
285 |   text-align: left;
286 | }
287 | table.dataTable th.dt-left div.dt-column-header,
288 | table.dataTable th.dt-left div.dt-column-footer,
289 | table.dataTable td.dt-left div.dt-column-header,
290 | table.dataTable td.dt-left div.dt-column-footer {
291 |   flex-direction: row;
292 | }
293 | table.dataTable th.dt-center,
294 | table.dataTable td.dt-center {
295 |   text-align: center;
296 | }
297 | table.dataTable th.dt-right,
298 | table.dataTable td.dt-right {
299 |   text-align: right;
300 | }
301 | table.dataTable th.dt-right div.dt-column-header,
302 | table.dataTable th.dt-right div.dt-column-footer,
303 | table.dataTable td.dt-right div.dt-column-header,
304 | table.dataTable td.dt-right div.dt-column-footer {
305 |   flex-direction: row-reverse;
306 | }
307 | table.dataTable th.dt-justify,
308 | table.dataTable td.dt-justify {
309 |   text-align: justify;
310 | }
311 | table.dataTable th.dt-justify div.dt-column-header,
312 | table.dataTable th.dt-justify div.dt-column-footer,
313 | table.dataTable td.dt-justify div.dt-column-header,
314 | table.dataTable td.dt-justify div.dt-column-footer {
315 |   flex-direction: row;
316 | }
317 | table.dataTable th.dt-nowrap,
318 | table.dataTable td.dt-nowrap {
319 |   white-space: nowrap;
320 | }
321 | table.dataTable th.dt-empty,
322 | table.dataTable td.dt-empty {
323 |   text-align: center;
324 |   vertical-align: top;
325 | }
326 | table.dataTable thead th,
327 | table.dataTable thead td,
328 | table.dataTable tfoot th,
329 | table.dataTable tfoot td {
330 |   text-align: left;
331 | }
332 | table.dataTable thead th.dt-head-left,
333 | table.dataTable thead td.dt-head-left,
334 | table.dataTable tfoot th.dt-head-left,
335 | table.dataTable tfoot td.dt-head-left {
336 |   text-align: left;
337 | }
338 | table.dataTable thead th.dt-head-left div.dt-column-header,
339 | table.dataTable thead th.dt-head-left div.dt-column-footer,
340 | table.dataTable thead td.dt-head-left div.dt-column-header,
341 | table.dataTable thead td.dt-head-left div.dt-column-footer,
342 | table.dataTable tfoot th.dt-head-left div.dt-column-header,
343 | table.dataTable tfoot th.dt-head-left div.dt-column-footer,
344 | table.dataTable tfoot td.dt-head-left div.dt-column-header,
345 | table.dataTable tfoot td.dt-head-left div.dt-column-footer {
346 |   flex-direction: row;
347 | }
348 | table.dataTable thead th.dt-head-center,
349 | table.dataTable thead td.dt-head-center,
350 | table.dataTable tfoot th.dt-head-center,
351 | table.dataTable tfoot td.dt-head-center {
352 |   text-align: center;
353 | }
354 | table.dataTable thead th.dt-head-right,
355 | table.dataTable thead td.dt-head-right,
356 | table.dataTable tfoot th.dt-head-right,
357 | table.dataTable tfoot td.dt-head-right {
358 |   text-align: right;
359 | }
360 | table.dataTable thead th.dt-head-right div.dt-column-header,
361 | table.dataTable thead th.dt-head-right div.dt-column-footer,
362 | table.dataTable thead td.dt-head-right div.dt-column-header,
363 | table.dataTable thead td.dt-head-right div.dt-column-footer,
364 | table.dataTable tfoot th.dt-head-right div.dt-column-header,
365 | table.dataTable tfoot th.dt-head-right div.dt-column-footer,
366 | table.dataTable tfoot td.dt-head-right div.dt-column-header,
367 | table.dataTable tfoot td.dt-head-right div.dt-column-footer {
368 |   flex-direction: row-reverse;
369 | }
370 | table.dataTable thead th.dt-head-justify,
371 | table.dataTable thead td.dt-head-justify,
372 | table.dataTable tfoot th.dt-head-justify,
373 | table.dataTable tfoot td.dt-head-justify {
374 |   text-align: justify;
375 | }
376 | table.dataTable thead th.dt-head-justify div.dt-column-header,
377 | table.dataTable thead th.dt-head-justify div.dt-column-footer,
378 | table.dataTable thead td.dt-head-justify div.dt-column-header,
379 | table.dataTable thead td.dt-head-justify div.dt-column-footer,
380 | table.dataTable tfoot th.dt-head-justify div.dt-column-header,
381 | table.dataTable tfoot th.dt-head-justify div.dt-column-footer,
382 | table.dataTable tfoot td.dt-head-justify div.dt-column-header,
383 | table.dataTable tfoot td.dt-head-justify div.dt-column-footer {
384 |   flex-direction: row;
385 | }
386 | table.dataTable thead th.dt-head-nowrap,
387 | table.dataTable thead td.dt-head-nowrap,
388 | table.dataTable tfoot th.dt-head-nowrap,
389 | table.dataTable tfoot td.dt-head-nowrap {
390 |   white-space: nowrap;
391 | }
392 | table.dataTable tbody th.dt-body-left,
393 | table.dataTable tbody td.dt-body-left {
394 |   text-align: left;
395 | }
396 | table.dataTable tbody th.dt-body-center,
397 | table.dataTable tbody td.dt-body-center {
398 |   text-align: center;
399 | }
400 | table.dataTable tbody th.dt-body-right,
401 | table.dataTable tbody td.dt-body-right {
402 |   text-align: right;
403 | }
404 | table.dataTable tbody th.dt-body-justify,
405 | table.dataTable tbody td.dt-body-justify {
406 |   text-align: justify;
407 | }
408 | table.dataTable tbody th.dt-body-nowrap,
409 | table.dataTable tbody td.dt-body-nowrap {
410 |   white-space: nowrap;
411 | }
412 | 
413 | :root {
414 |   --dt-header-align-items: flex-end;
415 | }
416 | 
417 | /*! Bootstrap 5 integration for DataTables
418 |  *
419 |  * ©2020 SpryMedia Ltd, all rights reserved.
420 |  * License: MIT datatables.net/license/mit
421 |  */
422 | table.table.dataTable {
423 |   clear: both;
424 |   margin-bottom: 0;
425 |   max-width: none;
426 |   border-spacing: 0;
427 | }
428 | table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
429 |   box-shadow: none;
430 | }
431 | table.table.dataTable > :not(caption) > * > * {
432 |   background-color: var(--bs-table-bg);
433 | }
434 | table.table.dataTable > tbody > tr {
435 |   background-color: transparent;
436 | }
437 | table.table.dataTable > tbody > tr.selected > * {
438 |   box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
439 |   box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
440 |   color: rgb(255, 255, 255);
441 |   color: rgb(var(--dt-row-selected-text));
442 | }
443 | table.table.dataTable > tbody > tr.selected a {
444 |   color: rgb(9, 10, 11);
445 |   color: rgb(var(--dt-row-selected-link));
446 | }
447 | table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
448 |   box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
449 | }
450 | table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
451 |   box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
452 |   box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
453 | }
454 | table.table.dataTable.table-hover > tbody > tr:hover > * {
455 |   box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
456 | }
457 | table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
458 |   box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
459 |   box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
460 | }
461 | 
462 | div.dt-container div.dt-layout-start > *:not(:last-child) {
463 |   margin-right: 1em;
464 | }
465 | div.dt-container div.dt-layout-end > *:not(:first-child) {
466 |   margin-left: 1em;
467 | }
468 | div.dt-container div.dt-layout-full {
469 |   width: 100%;
470 | }
471 | div.dt-container div.dt-layout-full > *:only-child {
472 |   margin-left: auto;
473 |   margin-right: auto;
474 | }
475 | div.dt-container div.dt-layout-table > div {
476 |   display: block !important;
477 | }
478 | 
479 | @media screen and (max-width: 767px) {
480 |   div.dt-container div.dt-layout-start > *:not(:last-child) {
481 |     margin-right: 0;
482 |   }
483 |   div.dt-container div.dt-layout-end > *:not(:first-child) {
484 |     margin-left: 0;
485 |   }
486 | }
487 | div.dt-container {
488 |   position: relative;
489 | }
490 | div.dt-container div.dt-length label {
491 |   font-weight: normal;
492 |   text-align: left;
493 |   white-space: nowrap;
494 | }
495 | div.dt-container div.dt-length select {
496 |   width: auto;
497 |   display: inline-block;
498 |   margin-right: 0.5em;
499 | }
500 | div.dt-container div.dt-search {
501 |   text-align: right;
502 | }
503 | div.dt-container div.dt-search label {
504 |   font-weight: normal;
505 |   white-space: nowrap;
506 |   text-align: left;
507 | }
508 | div.dt-container div.dt-search input {
509 |   margin-left: 0.5em;
510 |   display: inline-block;
511 |   width: auto;
512 | }
513 | div.dt-container div.dt-paging {
514 |   margin: 0;
515 | }
516 | div.dt-container div.dt-paging ul.pagination {
517 |   margin: 2px 0;
518 |   flex-wrap: wrap;
519 | }
520 | div.dt-container div.dt-row {
521 |   position: relative;
522 | }
523 | 
524 | div.dt-scroll-head table.dataTable {
525 |   margin-bottom: 0 !important;
526 | }
527 | 
528 | div.dt-scroll-body {
529 |   border-bottom-color: var(--bs-border-color);
530 |   border-bottom-width: var(--bs-border-width);
531 |   border-bottom-style: solid;
532 | }
533 | div.dt-scroll-body > table {
534 |   border-top: none;
535 |   margin-top: 0 !important;
536 |   margin-bottom: 0 !important;
537 | }
538 | div.dt-scroll-body > table > tbody > tr:first-child {
539 |   border-top-width: 0;
540 | }
541 | div.dt-scroll-body > table > thead > tr {
542 |   border-width: 0 !important;
543 | }
544 | div.dt-scroll-body > table > tbody > tr:last-child > * {
545 |   border-bottom: none;
546 | }
547 | 
548 | div.dt-scroll-foot > .dt-scroll-footInner {
549 |   box-sizing: content-box;
550 | }
551 | div.dt-scroll-foot > .dt-scroll-footInner > table {
552 |   margin-top: 0 !important;
553 |   border-top: none;
554 | }
555 | div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
556 |   border-top-width: 0 !important;
557 | }
558 | 
559 | @media screen and (max-width: 767px) {
560 |   div.dt-container div.dt-length,
561 |   div.dt-container div.dt-search,
562 |   div.dt-container div.dt-info,
563 |   div.dt-container div.dt-paging {
564 |     text-align: center;
565 |   }
566 |   div.dt-container .row {
567 |     --bs-gutter-y: 0.5rem;
568 |   }
569 |   div.dt-container div.dt-paging ul.pagination {
570 |     justify-content: center !important;
571 |   }
572 | }
573 | 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,
574 | table.dataTable.table-sm > thead > tr td.dt-orderable-asc,
575 | table.dataTable.table-sm > thead > tr td.dt-orderable-desc,
576 | table.dataTable.table-sm > thead > tr td.dt-ordering-asc,
577 | table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
578 |   padding-right: 0.25rem;
579 | }
580 | 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,
581 | table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order,
582 | table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order,
583 | table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order,
584 | table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
585 |   right: 0.25rem;
586 | }
587 | table.dataTable.table-sm > thead > tr th.dt-type-date span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-type-numeric span.dt-column-order,
588 | table.dataTable.table-sm > thead > tr td.dt-type-date span.dt-column-order,
589 | table.dataTable.table-sm > thead > tr td.dt-type-numeric span.dt-column-order {
590 |   left: 0.25rem;
591 | }
592 | 
593 | div.dt-scroll-head table.table-bordered {
594 |   border-bottom-width: 0;
595 | }
596 | 
597 | div.table-responsive > div.dt-container > div.row {
598 |   margin: 0;
599 | }
600 | div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
601 |   padding-left: 0;
602 | }
603 | div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
604 |   padding-right: 0;
605 | }
606 | 
607 | :root[data-bs-theme=dark] {
608 |   --dt-row-hover: 255, 255, 255;
609 |   --dt-row-stripe: 255, 255, 255;
610 |   --dt-column-ordering: 255, 255, 255;
611 | }
612 | 


--------------------------------------------------------------------------------
/css/dataTables.bootstrap5.min.css:
--------------------------------------------------------------------------------
1 | :root{--dt-row-selected: 13, 110, 253;--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-header-align-items: center;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable tbody td.dt-control{text-align:center;cursor:pointer}table.dataTable tbody 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 tbody 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}table.dataTable tfoot:empty{display:none}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 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:relative;width:12px;height:20px}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}table.dataTable thead>tr>th div.dt-column-header,table.dataTable thead>tr>th div.dt-column-footer,table.dataTable thead>tr>td div.dt-column-header,table.dataTable thead>tr>td div.dt-column-footer,table.dataTable tfoot>tr>th div.dt-column-header,table.dataTable tfoot>tr>th div.dt-column-footer,table.dataTable tfoot>tr>td div.dt-column-header,table.dataTable tfoot>tr>td div.dt-column-footer{display:flex;justify-content:space-between;align-items:var(--dt-header-align-items);gap:4px}table.dataTable thead>tr>th div.dt-column-header span.dt-column-title,table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title,table.dataTable thead>tr>td div.dt-column-header span.dt-column-title,table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title,table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title,table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title,table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title,table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title{flex-grow:1}table.dataTable thead>tr>th div.dt-column-header span.dt-column-title:empty,table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-header span.dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title:empty{display: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(13, 110, 253);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-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 th.dt-type-numeric div.dt-column-header,table.dataTable th.dt-type-numeric div.dt-column-footer,table.dataTable th.dt-type-date div.dt-column-header,table.dataTable th.dt-type-date div.dt-column-footer,table.dataTable td.dt-type-numeric div.dt-column-header,table.dataTable td.dt-type-numeric div.dt-column-footer,table.dataTable td.dt-type-date div.dt-column-header,table.dataTable td.dt-type-date div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-left div.dt-column-header,table.dataTable th.dt-left div.dt-column-footer,table.dataTable td.dt-left div.dt-column-header,table.dataTable td.dt-left div.dt-column-footer{flex-direction:row}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-right div.dt-column-header,table.dataTable th.dt-right div.dt-column-footer,table.dataTable td.dt-right div.dt-column-header,table.dataTable td.dt-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-justify div.dt-column-header,table.dataTable th.dt-justify div.dt-column-footer,table.dataTable td.dt-justify div.dt-column-header,table.dataTable td.dt-justify div.dt-column-footer{flex-direction:row}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 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-left div.dt-column-header,table.dataTable thead th.dt-head-left div.dt-column-footer,table.dataTable thead td.dt-head-left div.dt-column-header,table.dataTable thead td.dt-head-left div.dt-column-footer,table.dataTable tfoot th.dt-head-left div.dt-column-header,table.dataTable tfoot th.dt-head-left div.dt-column-footer,table.dataTable tfoot td.dt-head-left div.dt-column-header,table.dataTable tfoot td.dt-head-left div.dt-column-footer{flex-direction:row}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-right div.dt-column-header,table.dataTable thead th.dt-head-right div.dt-column-footer,table.dataTable thead td.dt-head-right div.dt-column-header,table.dataTable thead td.dt-head-right div.dt-column-footer,table.dataTable tfoot th.dt-head-right div.dt-column-header,table.dataTable tfoot th.dt-head-right div.dt-column-footer,table.dataTable tfoot td.dt-head-right div.dt-column-header,table.dataTable tfoot td.dt-head-right div.dt-column-footer{flex-direction:row-reverse}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-justify div.dt-column-header,table.dataTable thead th.dt-head-justify div.dt-column-footer,table.dataTable thead td.dt-head-justify div.dt-column-header,table.dataTable thead td.dt-head-justify div.dt-column-footer,table.dataTable tfoot th.dt-head-justify div.dt-column-header,table.dataTable tfoot th.dt-head-justify div.dt-column-footer,table.dataTable tfoot td.dt-head-justify div.dt-column-header,table.dataTable tfoot td.dt-head-justify div.dt-column-footer{flex-direction:row}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}:root{--dt-header-align-items: flex-end}/*! Bootstrap 5 integration for DataTables
2 |  *
3 |  * ©2020 SpryMedia Ltd, all rights reserved.
4 |  * License: MIT datatables.net/license/mit
5 |  */table.table.dataTable{clear:both;margin-bottom:0;max-width:none;border-spacing:0}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:none}table.table.dataTable>:not(caption)>*>*{background-color:var(--bs-table-bg)}table.table.dataTable>tbody>tr{background-color:transparent}table.table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(13, 110, 253);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.table.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05)}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.95);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95)}table.table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 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{position:relative}div.dt-container div.dt-length label{font-weight:normal;text-align:left;white-space:nowrap}div.dt-container div.dt-length select{width:auto;display:inline-block;margin-right:.5em}div.dt-container div.dt-search{text-align:right}div.dt-container div.dt-search label{font-weight:normal;white-space:nowrap;text-align:left}div.dt-container div.dt-search input{margin-left:.5em;display:inline-block;width:auto}div.dt-container div.dt-paging{margin:0}div.dt-container div.dt-paging ul.pagination{margin:2px 0;flex-wrap:wrap}div.dt-container div.dt-row{position:relative}div.dt-scroll-head table.dataTable{margin-bottom:0 !important}div.dt-scroll-body{border-bottom-color:var(--bs-border-color);border-bottom-width:var(--bs-border-width);border-bottom-style:solid}div.dt-scroll-body>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dt-scroll-body>table>tbody>tr:first-child{border-top-width:0}div.dt-scroll-body>table>thead>tr{border-width:0 !important}div.dt-scroll-body>table>tbody>tr:last-child>*{border-bottom: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}div.dt-scroll-foot>.dt-scroll-footInner>table>tfoot>tr:first-child{border-top-width:0 !important}@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 .row{--bs-gutter-y: 0.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:.25rem}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:.25rem}table.dataTable.table-sm>thead>tr th.dt-type-date span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-type-numeric span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-type-date span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-type-numeric span.dt-column-order{left:.25rem}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}:root[data-bs-theme=dark]{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}
6 | 


--------------------------------------------------------------------------------
/datatables.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "js": [
 3 |         "js/dataTables.bootstrap5.js",
 4 |         "js/dataTables.bootstrap5.min.js",
 5 |         "js/dataTables.bootstrap5.min.mjs",
 6 |         "js/dataTables.bootstrap5.mjs"
 7 |     ],
 8 |     "css": [
 9 |         "css/dataTables.bootstrap5.css",
10 |         "css/dataTables.bootstrap5.min.css"
11 |     ],
12 |     "types": [
13 |         "types/dataTables.bootstrap5.d.ts"
14 |     ],
15 |     "src-repo": "http://github.com/DataTables/DataTablesSrc",
16 |     "last-tag": "2.3.2",
17 |     "last-sync": "5bb67c1e7d3916e4f2eef9835b69642e68524704"
18 | }


--------------------------------------------------------------------------------
/js/dataTables.bootstrap5.js:
--------------------------------------------------------------------------------
  1 | /*! DataTables Bootstrap 5 integration
  2 |  * © SpryMedia Ltd - datatables.net/license
  3 |  */
  4 | 
  5 | (function( factory ){
  6 | 	if ( typeof define === 'function' && define.amd ) {
  7 | 		// AMD
  8 | 		define( ['jquery', 'datatables.net'], function ( $ ) {
  9 | 			return factory( $, window, document );
 10 | 		} );
 11 | 	}
 12 | 	else if ( typeof exports === 'object' ) {
 13 | 		// CommonJS
 14 | 		var jq = require('jquery');
 15 | 		var cjsRequires = function (root, $) {
 16 | 			if ( ! $.fn.dataTable ) {
 17 | 				require('datatables.net')(root, $);
 18 | 			}
 19 | 		};
 20 | 
 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 | 				}
 28 | 
 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 | 		}
 41 | 	}
 42 | 	else {
 43 | 		// Browser
 44 | 		factory( jQuery, window, document );
 45 | 	}
 46 | }(function( $, window, document ) {
 47 | 'use strict';
 48 | var DataTable = $.fn.dataTable;
 49 | 
 50 | 
 51 | 
 52 | /**
 53 |  * DataTables integration for Bootstrap 5.
 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 | 
 60 | /* Set the defaults for DataTables initialisation */
 61 | $.extend( true, DataTable.defaults, {
 62 | 	renderer: 'bootstrap'
 63 | } );
 64 | 
 65 | 
 66 | /* Default class modification */
 67 | $.extend( true, DataTable.ext.classes, {
 68 | 	container: "dt-container dt-bootstrap5",
 69 | 	search: {
 70 | 		input: "form-control form-control-sm"
 71 | 	},
 72 | 	length: {
 73 | 		select: "form-select form-select-sm"
 74 | 	},
 75 | 	processing: {
 76 | 		container: "dt-processing card"
 77 | 	},
 78 | 	layout: {
 79 | 		row: 'row mt-2 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 me-auto',
 83 | 		end: 'dt-layout-end col-md-auto ms-auto',
 84 | 		full: 'dt-layout-full col-md'
 85 | 	}
 86 | } );
 87 | 
 88 | 
 89 | /* Bootstrap paging button renderer */
 90 | DataTable.ext.renderer.pagingButton.bootstrap = function (settings, buttonType, content, active, disabled) {
 91 | 	var btnClasses = ['dt-paging-button', 'page-item'];
 92 | 
 93 | 	if (active) {
 94 | 		btnClasses.push('active');
 95 | 	}
 96 | 
 97 | 	if (disabled) {
 98 | 		btnClasses.push('disabled')
 99 | 	}
100 | 
101 | 	var li = $('<li>').addClass(btnClasses.join(' '));
102 | 	var a = $('<button>', {
103 | 		'class': 'page-link',
104 | 		role: 'link',
105 | 		type: 'button'
106 | 	})
107 | 		.html(content)
108 | 		.appendTo(li);
109 | 
110 | 	return {
111 | 		display: li,
112 | 		clicker: a
113 | 	};
114 | };
115 | 
116 | DataTable.ext.renderer.pagingContainer.bootstrap = function (settings, buttonEls) {
117 | 	return $('<ul/>').addClass('pagination').append(buttonEls);
118 | };
119 | 
120 | 
121 | return DataTable;
122 | }));
123 | 


--------------------------------------------------------------------------------
/js/dataTables.bootstrap5.min.js:
--------------------------------------------------------------------------------
1 | /*! DataTables Bootstrap 5 integration
2 |  * © SpryMedia Ltd - datatables.net/license
3 |  */
4 | (n=>{var o,a;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(t){return n(t,window,document)}):"object"==typeof exports?(o=require("jquery"),a=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),a(t,e),n(e,0,t.document)}:(a(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)})(function(d,t,e){var n=d.fn.dataTable;return d.extend(!0,n.defaults,{renderer:"bootstrap"}),d.extend(!0,n.ext.classes,{container:"dt-container dt-bootstrap5",search:{input:"form-control form-control-sm"},length:{select:"form-select form-select-sm"},processing:{container:"dt-processing card"},layout:{row:"row mt-2 justify-content-between",cell:"d-md-flex justify-content-between align-items-center",tableCell:"col-12",start:"dt-layout-start col-md-auto me-auto",end:"dt-layout-end col-md-auto ms-auto",full:"dt-layout-full col-md"}}),n.ext.renderer.pagingButton.bootstrap=function(t,e,n,o,a){var r=["dt-paging-button","page-item"],o=(o&&r.push("active"),a&&r.push("disabled"),d("<li>").addClass(r.join(" ")));return{display:o,clicker:d("<button>",{class:"page-link",role:"link",type:"button"}).html(n).appendTo(o)}},n.ext.renderer.pagingContainer.bootstrap=function(t,e){return d("<ul/>").addClass("pagination").append(e)},n});


--------------------------------------------------------------------------------
/js/dataTables.bootstrap5.min.mjs:
--------------------------------------------------------------------------------
1 | /*! DataTables Bootstrap 5 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-bootstrap5",search:{input:"form-control form-control-sm"},length:{select:"form-select form-select-sm"},processing:{container:"dt-processing card"},layout:{row:"row mt-2 justify-content-between",cell:"d-md-flex justify-content-between align-items-center",tableCell:"col-12",start:"dt-layout-start col-md-auto me-auto",end:"dt-layout-end col-md-auto ms-auto",full:"dt-layout-full col-md"}}),DataTable.ext.renderer.pagingButton.bootstrap=function(t,e,a,o,n){var l=["dt-paging-button","page-item"],o=(o&&l.push("active"),n&&l.push("disabled"),$("<li>").addClass(l.join(" ")));return{display:o,clicker:$("<button>",{class:"page-link",role:"link",type:"button"}).html(a).appendTo(o)}},DataTable.ext.renderer.pagingContainer.bootstrap=function(t,e){return $("<ul/>").addClass("pagination").append(e)};export default DataTable;


--------------------------------------------------------------------------------
/js/dataTables.bootstrap5.mjs:
--------------------------------------------------------------------------------
 1 | /*! DataTables Bootstrap 5 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 5.
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-bootstrap5",
29 | 	search: {
30 | 		input: "form-control form-control-sm"
31 | 	},
32 | 	length: {
33 | 		select: "form-select form-select-sm"
34 | 	},
35 | 	processing: {
36 | 		container: "dt-processing card"
37 | 	},
38 | 	layout: {
39 | 		row: 'row mt-2 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 me-auto',
43 | 		end: 'dt-layout-end col-md-auto ms-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 = $('<button>', {
63 | 		'class': 'page-link',
64 | 		role: 'link',
65 | 		type: 'button'
66 | 	})
67 | 		.html(content)
68 | 		.appendTo(li);
69 | 
70 | 	return {
71 | 		display: li,
72 | 		clicker: a
73 | 	};
74 | };
75 | 
76 | DataTable.ext.renderer.pagingContainer.bootstrap = function (settings, buttonEls) {
77 | 	return $('<ul/>').addClass('pagination').append(buttonEls);
78 | };
79 | 
80 | 
81 | export default DataTable;
82 | 


--------------------------------------------------------------------------------
/nuget.nuspec:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <package xmlns="http://schemas.microsoft.com/packaging/2010/07/nuspec.xsd">
 3 |     <metadata>
 4 |         <version>2.3.2</version>
 5 |         <id>datatables.net-bs5</id>
 6 |         <description>This is DataTables with styling for [Bootstrap5](https://getbootstrap.com/)</description>
 7 |         <repository type="git" url="https://github.com/DataTables/Dist-DataTables-Bootstrap5.git"/>
 8 |         <authors>SpryMedia Ltd</authors>
 9 |         <projectUrl>http://datatables.net</projectUrl>
10 |         <license type="expression">MIT</license>
11 |         <tags>Bootstrap  Bootstrap5  Datatables jQuery table</tags>
12 |         <dependencies>
13 |             <dependency id="datatables.net" version="1.12.1"/>
14 |             <dependency id="bootstrap" version="5.*"/>
15 |         </dependencies>
16 |         <contentFiles>
17 |             <files include="**/*" buildAction="Content"/>
18 |         </contentFiles>
19 |     </metadata>
20 |     <files>
21 |         <file src="js/dataTables.bootstrap5.js" target="content\Scripts"/>
22 |         <file src="js/dataTables.bootstrap5.js" target="contentFiles\any\any\wwwroot\js"/>
23 |         <file src="js/dataTables.bootstrap5.min.js" target="content\Scripts"/>
24 |         <file src="js/dataTables.bootstrap5.min.js" target="contentFiles\any\any\wwwroot\js"/>
25 |         <file src="css/dataTables.bootstrap5.css" target="content\Content"/>
26 |         <file src="css/dataTables.bootstrap5.css" target="contentFiles\any\any\wwwroot\css"/>
27 |         <file src="css/dataTables.bootstrap5.min.css" target="content\Content"/>
28 |         <file src="css/dataTables.bootstrap5.min.css" target="contentFiles\any\any\wwwroot\css"/>
29 |     </files>
30 | </package>
31 | 
32 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "datatables.net-bs5",
 3 |     "description": "DataTables for jQuery with styling for [Bootstrap5](https://getbootstrap.com/)",
 4 |     "main": "js/dataTables.bootstrap5.js",
 5 |     "module": "js/dataTables.bootstrap5.mjs",
 6 |     "style": "css/dataTables.bootstrap5.css",
 7 |     "types": "./types/dataTables.bootstrap5.d.ts",
 8 |     "version": "2.3.2",
 9 |     "files": [
10 |         "css/**/*.css",
11 |         "js/**/*.js",
12 |         "js/**/*.mjs",
13 |         "types/**/*.d.ts"
14 |     ],
15 |     "keywords": [
16 |         "Bootstrap",
17 |         "Bootstrap5",
18 |         "Datatables",
19 |         "jQuery",
20 |         "table",
21 |         "filter",
22 |         "sort"
23 |     ],
24 |     "dependencies": {
25 |         "datatables.net": "2.3.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"
37 |     ],
38 |     "author": {
39 |         "name": "SpryMedia Ltd",
40 |         "url": "http://datatables.net"
41 |     },
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-Bootstrap5.git"
48 |     }
49 | }


--------------------------------------------------------------------------------
/types/dataTables.bootstrap5.d.ts:
--------------------------------------------------------------------------------
1 | 
2 | import DataTable from 'datatables.net';
3 | 
4 | export default DataTable;
5 | export * from 'datatables.net';
6 | 


--------------------------------------------------------------------------------