|
|
| Рядок 1: |
Рядок 1: |
| {{#css:
| |
| {
| |
| ul{padding-left:2rem;}
| |
| ul{margin-top:0;margin-bottom:1rem;}
| |
| a{color:#0d6efd;text-decoration:underline;}
| |
| a:hover{color:#0a58ca;}
| |
| table{caption-side:bottom;border-collapse:collapse;}
| |
| th{text-align:inherit;text-align:-webkit-match-parent;}
| |
| tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0;}
| |
| button{border-radius:0;}
| |
| button:focus:not(:focus-visible){outline:0;}
| |
| button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
| |
| button{text-transform:none;}
| |
| [type=button],button{-webkit-appearance:button;}
| |
| ::-moz-focus-inner{padding:0;border-style:none;}
| |
| [type=search]{outline-offset:-2px;-webkit-appearance:textfield;}
| |
| .table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6;}
| |
| .table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);}
| |
| .table>tbody{vertical-align:inherit;}
| |
| .table>thead{vertical-align:bottom;}
| |
| .table>:not(:first-child){border-top:2px solid currentColor;}
| |
| .table-bordered>:not(caption)>*{border-width:1px 0;}
| |
| .table-bordered>:not(caption)>*>*{border-width:0 1px;}
| |
| .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color);}
| |
| .table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color);}
| |
| .form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
| |
| @media (prefers-reduced-motion:reduce){
| |
| .form-control{transition:none;}
| |
| }
| |
| .form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
| |
| .form-control::-moz-placeholder{color:#6c757d;opacity:1;}
| |
| .form-control::placeholder{color:#6c757d;opacity:1;}
| |
| .form-control:disabled{background-color:#e9ecef;opacity:1;}
| |
| .btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
| |
| @media (prefers-reduced-motion:reduce){
| |
| .btn{transition:none;}
| |
| }
| |
| .btn:hover{color:#212529;}
| |
| .btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
| |
| .btn:disabled{pointer-events:none;opacity:.65;}
| |
| .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;}
| |
| .btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64;}
| |
| .btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5);}
| |
| .btn-secondary:active{color:#fff;background-color:#565e64;border-color:#51585e;}
| |
| .btn-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5);}
| |
| .btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d;}
| |
| .dropdown,.dropup{position:relative;}
| |
| .dropdown-toggle{white-space:nowrap;}
| |
| .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;}
| |
| .dropdown-toggle:empty::after{margin-left:0;}
| |
| .dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
| |
| .dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent;}
| |
| .dropup .dropdown-toggle:empty::after{margin-left:0;}
| |
| .dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;}
| |
| .dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef;}
| |
| .dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd;}
| |
| .dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent;}
| |
| .btn-group{position:relative;display:inline-flex;vertical-align:middle;}
| |
| .btn-group>.btn{position:relative;flex:1 1 auto;}
| |
| .btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1;}
| |
| .pagination{display:flex;padding-left:0;list-style:none;}
| |
| .page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
| |
| @media (prefers-reduced-motion:reduce){
| |
| .page-link{transition:none;}
| |
| }
| |
| .page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6;}
| |
| .page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
| |
| .page-item:not(:first-child) .page-link{margin-left:-1px;}
| |
| .page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd;}
| |
| .page-link{padding:.375rem .75rem;}
| |
| .page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;}
| |
| .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}
| |
| .clearfix::after{display:block;clear:both;content:"";}
| |
| .mx-2{margin-right:.5rem!important;margin-left:.5rem!important;}
| |
| .mx-auto{margin-right:auto!important;margin-left:auto!important;}
| |
| .mt-5{margin-top:3rem!important;}
| |
| /*! CSS Used from: https://unpkg.com/bootstrap-table@1.18.2/dist/bootstrap-table.min.css */
| |
| .bootstrap-table .fixed-table-toolbar::after{content:"";display:block;clear:both;}
| |
| .bootstrap-table .fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;}
| |
| .bootstrap-table .fixed-table-container{position:relative;clear:both;}
| |
| .bootstrap-table .fixed-table-container .table{width:100%;margin-bottom:0!important;}
| |
| .bootstrap-table .fixed-table-container .table td,.bootstrap-table .fixed-table-container .table th{vertical-align:middle;box-sizing:border-box;}
| |
| .bootstrap-table .fixed-table-container .table thead th{vertical-align:bottom;padding:0;margin:0;}
| |
| .bootstrap-table .fixed-table-container .table thead th:focus{outline:0 solid transparent;}
| |
| .bootstrap-table .fixed-table-container .table thead th .th-inner{padding:.75rem;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
| |
| .bootstrap-table .fixed-table-container .table thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px!important;}
| |
| .bootstrap-table .fixed-table-container .table thead th .both{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");}
| |
| .bootstrap-table .fixed-table-container .fixed-table-header{overflow:hidden;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading{align-items:center;background:#fff;display:flex;justify-content:center;position:absolute;bottom:0;width:100%;z-index:1000;transition:visibility 0s,opacity .15s ease-in-out;opacity:0;visibility:hidden;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap{align-items:baseline;display:flex;justify-content:center;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text{margin-right:6px;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap{align-items:center;display:flex;justify-content:center;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before{content:"";animation-duration:1.5s;animation-iteration-count:infinite;animation-name:LOADING;background:#212529;border-radius:50%;display:block;height:5px;margin:0 4px;opacity:0;width:5px;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot{animation-delay:.3s;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after{animation-delay:.6s;}
| |
| .bootstrap-table .fixed-table-container .fixed-table-footer{overflow:hidden;}
| |
| .bootstrap-table .fixed-table-pagination::after{content:"";display:block;clear:both;}
| |
| .bootstrap-table .fixed-table-pagination>.pagination,.bootstrap-table .fixed-table-pagination>.pagination-detail{margin-top:10px;margin-bottom:10px;}
| |
| .bootstrap-table .fixed-table-pagination>.pagination-detail .pagination-info{line-height:34px;margin-right:5px;}
| |
| .bootstrap-table .fixed-table-pagination>.pagination-detail .page-list{display:inline-block;}
| |
| .bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group{position:relative;display:inline-block;vertical-align:middle;}
| |
| .bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group .dropdown-menu{margin-bottom:0;}
| |
| .bootstrap-table .fixed-table-pagination>.pagination ul.pagination{margin:0;}
| |
| .bootstrap-table.bootstrap5 .float-left{float:left;}
| |
| .bootstrap-table.bootstrap5 .float-right{float:right;}
| |
| }}
| |
| <html> | | <html> |
| <head> | | <head> |
| | |
| | <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> |
| | <script src="/index.php?title=MediaWiki:Bootstrap-table.min.js&action=raw&ctype=text/javascript"</script> |
| | <script src="/index.php?title=MediaWiki:Ecourt.js&action=raw&ctype=text/javascript"</script> |
| | |
| | |
| </head> | | </head> |
| <body> | | <body> |
| <div class="table-container"> | | |
| <label>Пошук:</label><input type="text" onkeyup="filter(event)"> | | <div class="table-wrap mt-5 mx-2"> |
| <table id="easy-table" class="table table-striped table bordered table-hover mx-auto is-striped is-bordered">
| | <table class="table table-striped table bordered table-hover mx-auto" |
| | id="easy-table" |
| | data-show-columns="false" |
| | data-pagination="true" |
| | data-page-size="20" |
| | data-search-highlight="false" |
| | data-show-search-clear-button="false" |
| | data-search="true" |
| | data-show-export="false" |
| | data-click-to-select="true" |
| | data-key-events="true" |
| | data-page-list="[10, 15, 20, 50, 100, all]"> |
| <thead> | | <thead> |
| <tr>
| | <tr> |
| <th width=5%>Id шаблону</th>
| | <th data-field="Id шаблону" data-sortable="true" style="width: 5%;">Id шаблону</th> |
| <th width=30%>Назва шаблону</th>
| | <th data-field="Назва шаблону" data-sortable="true" style="width: 30%;">Назва шаблону</th> |
| <th width=10%>Інстанція</th>
| | <th data-field="Інстанція" data-sortable="true" style="width: 10%;">Інстанція</th> |
| <th width=10%>Категорія</th>
| | <th data-field="Категорія" data-sortable="true" style="width: 10%;">Категорія</th> |
| <th width=15%>Судочинство</th>
| | <th data-field="Судочинство" data-sortable="true" style="width: 15%;">Судочинство</th> |
| </tr>
| | </tr> |
| </thead> | | </thead> |
| <tbody>
| |
| </tbody>
| |
| </table> | | </table> |
| <div id="paginator"></div>
| |
| </div> | | </div> |
| | |
| | |
| </body> | | </body> |
| </html> | | </html> |