Skip to Content

Wiki source code of CHOPlist

Version 31.1 by Marco Weber on 2026/10/05 15:10
Hide last authors
Marco Weber 31.1 1 ```text
Marco Weber 29.1 2 {{html clean="false"}}
3 <style>
Marco Weber 31.1 4
Marco Weber 29.1 5 /* =========================================================
Marco Weber 31.1 6 CHOP LiveData – Tabellenformatierung
Marco Weber 29.1 7 ========================================================= */
8
9 /* Gesamte Tabelle */
Marco Weber 31.1 10 table.layout-table-root.responsive-table {
11 width: 100%;
12 border-collapse: collapse;
13 table-layout: fixed;
Marco Weber 29.1 14 }
15
Marco Weber 31.1 16 /* =========================================================
17 Kopfzeile
18 ========================================================= */
Marco Weber 29.1 19
Marco Weber 31.1 20 table.layout-table-root.responsive-table thead th {
21 font-weight: bold;
22 font-size: 1.1em;
23 background-color: #f2f2f2;
24 border: 1px solid #999;
25 padding: 7px 6px;
26 vertical-align: middle;
Marco Weber 29.1 27 }
28
Marco Weber 31.1 29 /* Eigentliche Spaltenbezeichnung */
30 table.layout-table-root.responsive-table thead .property-name {
31 font-weight: bold;
32 }
33
34 /* Sortier-Button nicht unnötig hervorheben */
35 table.layout-table-root.responsive-table thead .handle {
36 font-weight: bold;
37 }
38
39 /* =========================================================
Marco Weber 29.1 40 Filterzeile
Marco Weber 31.1 41 ========================================================= */
Marco Weber 29.1 42
Marco Weber 31.1 43 table.layout-table-root.responsive-table thead tr.column-filters th {
44 background-color: #fafafa;
45 border: 1px solid #bbb;
46 padding: 4px 5px;
Marco Weber 29.1 47 }
48
Marco Weber 31.1 49 /* Filter-Eingabefelder */
50 table.layout-table-root.responsive-table .livedata-filter {
51 width: 100%;
52 box-sizing: border-box;
53 }
54
55 table.layout-table-root.responsive-table .filter-text,
56 table.layout-table-root.responsive-table .filter-date {
57 width: 100%;
58 box-sizing: border-box;
59 min-height: 28px;
60 }
61
62 /* Selectize-Filter */
63 table.layout-table-root.responsive-table .selectize-control {
64 width: 100%;
65 }
66
67 table.layout-table-root.responsive-table .selectize-input {
68 min-height: 28px;
69 padding: 4px 6px;
70 box-sizing: border-box;
71 }
72
73 /* =========================================================
Marco Weber 29.1 74 Datenzellen
Marco Weber 31.1 75 ========================================================= */
Marco Weber 29.1 76
Marco Weber 31.1 77 table.layout-table-root.responsive-table tbody td {
78 border: 1px solid #bbb;
79 padding: 6px 6px;
80 vertical-align: top;
81 overflow-wrap: break-word;
82 word-wrap: break-word;
Marco Weber 29.1 83 }
84
Marco Weber 31.1 85 /* =========================================================
Marco Weber 29.1 86 Spaltenbreiten
Marco Weber 31.1 87 ========================================================= */
Marco Weber 29.1 88
Marco Weber 31.1 89 /* Code */
90 table.layout-table-root.responsive-table th[data-title="code"],
91 table.layout-table-root.responsive-table td[data-title="code"] {
92 width: 7%;
Marco Weber 29.1 93 }
94
Marco Weber 31.1 95 /* Deutsch */
96 table.layout-table-root.responsive-table th[data-title="text_de"],
97 table.layout-table-root.responsive-table td[data-title="text_de"] {
98 width: 19%;
Marco Weber 29.1 99 }
100
Marco Weber 31.1 101 /* Französisch */
102 table.layout-table-root.responsive-table th[data-title="text_fr"],
103 table.layout-table-root.responsive-table td[data-title="text_fr"] {
104 width: 19%;
Marco Weber 29.1 105 }
106
Marco Weber 31.1 107 /* Italienisch */
108 table.layout-table-root.responsive-table th[data-title="text_it"],
109 table.layout-table-root.responsive-table td[data-title="text_it"] {
110 width: 19%;
Marco Weber 29.1 111 }
112
Marco Weber 31.1 113 /* Gültig ab */
114 table.layout-table-root.responsive-table th[data-title="valid_start"],
115 table.layout-table-root.responsive-table td[data-title="valid_start"] {
116 width: 7%;
Marco Weber 29.1 117 }
118
Marco Weber 31.1 119 /* Gültig bis */
120 table.layout-table-root.responsive-table th[data-title="valid_end"],
121 table.layout-table-root.responsive-table td[data-title="valid_end"] {
122 width: 7%;
Marco Weber 29.1 123 }
124
Marco Weber 31.1 125 /* CHOP-like */
126 table.layout-table-root.responsive-table th[data-title="chop_like"],
127 table.layout-table-root.responsive-table td[data-title="chop_like"] {
128 width: 5%;
Marco Weber 29.1 129 }
130
Marco Weber 31.1 131 /* Behandlungskategorie */
132 table.layout-table-root.responsive-table th[data-title="treat_cat"],
133 table.layout-table-root.responsive-table td[data-title="treat_cat"] {
134 width: 7%;
Marco Weber 29.1 135 }
136
Marco Weber 31.1 137 /* Topographie */
138 table.layout-table-root.responsive-table th[data-title="topo_group"],
139 table.layout-table-root.responsive-table td[data-title="topo_group"] {
140 width: 5%;
Marco Weber 29.1 141 }
142
Marco Weber 31.1 143 /* ChCr only */
144 table.layout-table-root.responsive-table th[data-title="chcr_only"],
145 table.layout-table-root.responsive-table td[data-title="chcr_only"] {
146 width: 5%;
Marco Weber 29.1 147 }
148
Marco Weber 31.1 149 /* =========================================================
150 Ausrichtung
151 ========================================================= */
Marco Weber 29.1 152
Marco Weber 31.1 153 /* Code */
154 table.layout-table-root.responsive-table td[data-title="code"] {
155 text-align: center;
Marco Weber 29.1 156 }
157
Marco Weber 31.1 158 /* Datumsfelder */
159 table.layout-table-root.responsive-table td[data-title="valid_start"],
160 table.layout-table-root.responsive-table td[data-title="valid_end"] {
161 text-align: center;
162 white-space: nowrap;
163 }
Marco Weber 29.1 164
Marco Weber 31.1 165 /* Kleine Klassifikationsfelder */
166 table.layout-table-root.responsive-table td[data-title="chop_like"],
167 table.layout-table-root.responsive-table td[data-title="treat_cat"],
168 table.layout-table-root.responsive-table td[data-title="topo_group"],
169 table.layout-table-root.responsive-table td[data-title="chcr_only"] {
170 text-align: center;
Marco Weber 29.1 171 }
172
Marco Weber 31.1 173 /* =========================================================
174 Header-Ausrichtung
175 ========================================================= */
Marco Weber 29.1 176
Marco Weber 31.1 177 table.layout-table-root.responsive-table th[data-title="code"],
178 table.layout-table-root.responsive-table th[data-title="valid_start"],
179 table.layout-table-root.responsive-table th[data-title="valid_end"],
180 table.layout-table-root.responsive-table th[data-title="chop_like"],
181 table.layout-table-root.responsive-table th[data-title="treat_cat"],
182 table.layout-table-root.responsive-table th[data-title="topo_group"],
183 table.layout-table-root.responsive-table th[data-title="chcr_only"] {
184 text-align: center;
Marco Weber 29.1 185 }
Marco Weber 31.1 186
Marco Weber 29.1 187 </style>
188 {{/html}}
Marco Weber 31.1 189
190 {{liveData
191 id="choplist"
192 properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
193 source="liveTable"
194 sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
195 sort="code:asc"
196 limit="15"
197 layouts="table"
198 showPageSizeDropdown="true"
199 pageSizes="15,25,50,100"
200 }}
201