Відмінності між версіями «Test2»
Перейти до навігації
Перейти до пошуку
(Замінено вміст на «{{#css: { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ddd; padding: 8px; } tr:nth-child(even){background-color: #daeef3;} tr:hover {background-color: #ddd;} th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #61bbd385; } .table {width: 100%;} }} <html> <head> </head> <body> <div class="table-container"> <label>Пошук:<...») Мітка: Замінено |
|||
Рядок 1: | Рядок 1: | ||
{{#css: | {{#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;} | |||
} | } | ||
.table {width: 100%;} | .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> | ||
Рядок 29: | Рядок 112: | ||
<div class="table-container"> | <div class="table-container"> | ||
<label>Пошук:</label><input type="text" onkeyup="filter(event)"> | <label>Пошук:</label><input type="text" onkeyup="filter(event)"> | ||
<table id="easy-table" class="table is-striped is-bordered"> | <table id="easy-table" class="table table-striped table bordered table-hover mx-auto is-striped is-bordered"> | ||
<thead> | <thead> | ||
<tr> | <tr> |
Версія за 18:10, 9 лютого 2022
Id шаблону | Назва шаблону | Інстанція | Категорія | Судочинство |
---|