Skip to Content

Wiki source code of CHOPlist

Version 37.1 by Marco Weber on 2026/10/05 15:18
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;
Marco Weber 36.1 22 font-size: 1.0em;
Marco Weber 31.1 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 33.1 88 ```text
89 /* =========================================================
90 Spaltenbreiten
91 Reihenfolge:
92 1 code
93 2 text_de
94 3 text_fr
95 4 text_it
96 5 valid_start
97 6 valid_end
98 7 chop_like
99 8 treat_cat
Marco Weber 34.1 100 9 topo_group
Marco Weber 33.1 101 10 chcr_only
102 ========================================================= */
Marco Weber 29.1 103
Marco Weber 33.1 104 table.layout-table-root.responsive-table th:nth-child(1),
105 table.layout-table-root.responsive-table td:nth-child(1) {
Marco Weber 35.1 106 width: 5%;
Marco Weber 29.1 107 }
108
Marco Weber 33.1 109 table.layout-table-root.responsive-table th:nth-child(2),
110 table.layout-table-root.responsive-table td:nth-child(2) {
111 width: 19%;
Marco Weber 29.1 112 }
113
Marco Weber 33.1 114 table.layout-table-root.responsive-table th:nth-child(3),
115 table.layout-table-root.responsive-table td:nth-child(3) {
116 width: 19%;
Marco Weber 29.1 117 }
118
Marco Weber 33.1 119 table.layout-table-root.responsive-table th:nth-child(4),
120 table.layout-table-root.responsive-table td:nth-child(4) {
121 width: 19%;
Marco Weber 29.1 122 }
123
Marco Weber 33.1 124 table.layout-table-root.responsive-table th:nth-child(5),
125 table.layout-table-root.responsive-table td:nth-child(5) {
Marco Weber 35.1 126 width: 5%;
Marco Weber 29.1 127 }
128
Marco Weber 33.1 129 table.layout-table-root.responsive-table th:nth-child(6),
130 table.layout-table-root.responsive-table td:nth-child(6) {
Marco Weber 35.1 131 width: 5%;
Marco Weber 29.1 132 }
133
Marco Weber 33.1 134 table.layout-table-root.responsive-table th:nth-child(7),
135 table.layout-table-root.responsive-table td:nth-child(7) {
Marco Weber 37.1 136 width: 5%;
Marco Weber 29.1 137 }
138
Marco Weber 33.1 139 table.layout-table-root.responsive-table th:nth-child(8),
140 table.layout-table-root.responsive-table td:nth-child(8) {
141 width: 7%;
Marco Weber 29.1 142 }
143
Marco Weber 33.1 144 table.layout-table-root.responsive-table th:nth-child(9),
145 table.layout-table-root.responsive-table td:nth-child(9) {
Marco Weber 35.1 146 width: 7%;
Marco Weber 29.1 147 }
148
Marco Weber 33.1 149 table.layout-table-root.responsive-table th:nth-child(10),
150 table.layout-table-root.responsive-table td:nth-child(10) {
Marco Weber 37.1 151 width: 5%;
Marco Weber 29.1 152 }
153
Marco Weber 31.1 154 /* =========================================================
155 Ausrichtung
156 ========================================================= */
Marco Weber 29.1 157
Marco Weber 31.1 158 /* Code */
159 table.layout-table-root.responsive-table td[data-title="code"] {
160 text-align: center;
Marco Weber 29.1 161 }
162
Marco Weber 31.1 163 /* Datumsfelder */
164 table.layout-table-root.responsive-table td[data-title="valid_start"],
165 table.layout-table-root.responsive-table td[data-title="valid_end"] {
166 text-align: center;
167 white-space: nowrap;
168 }
Marco Weber 29.1 169
Marco Weber 31.1 170 /* Kleine Klassifikationsfelder */
171 table.layout-table-root.responsive-table td[data-title="chop_like"],
172 table.layout-table-root.responsive-table td[data-title="treat_cat"],
173 table.layout-table-root.responsive-table td[data-title="topo_group"],
174 table.layout-table-root.responsive-table td[data-title="chcr_only"] {
175 text-align: center;
Marco Weber 29.1 176 }
177
Marco Weber 31.1 178 /* =========================================================
179 Header-Ausrichtung
180 ========================================================= */
Marco Weber 29.1 181
Marco Weber 31.1 182 table.layout-table-root.responsive-table th[data-title="code"],
183 table.layout-table-root.responsive-table th[data-title="valid_start"],
184 table.layout-table-root.responsive-table th[data-title="valid_end"],
185 table.layout-table-root.responsive-table th[data-title="chop_like"],
186 table.layout-table-root.responsive-table th[data-title="treat_cat"],
187 table.layout-table-root.responsive-table th[data-title="topo_group"],
188 table.layout-table-root.responsive-table th[data-title="chcr_only"] {
189 text-align: center;
Marco Weber 29.1 190 }
Marco Weber 31.1 191
Marco Weber 29.1 192 </style>
193 {{/html}}
Marco Weber 31.1 194
195 {{liveData
196 id="choplist"
197 properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
198 source="liveTable"
199 sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
200 sort="code:asc"
201 limit="15"
202 layouts="table"
203 showPageSizeDropdown="true"
204 pageSizes="15,25,50,100"
205 }}
206