Skip to Content

Changes for page ICD-O-3_Morphology

Last modified by Marco Weber on 2026/10/06 15:56
From version 16.1
edited by Marco Weber
on 2026/10/06 15:30
Change comment: There is no comment for this version
To version 22.1
edited by Marco Weber
on 2026/10/06 15:50
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,23 +1,181 @@
1 -{{velocity}}
2 -#set ($columnsProperties = {
3 - 'morph_beh': {},
4 - 'morph': {},
5 - 'beh': {},
6 - 'text_de': {},
7 - 'text_en': {},
8 - 'text_fr': {},
9 - 'text_it': {},
10 - 'icdo_version': {}
11 -})
12 -#set ($options = {
13 - 'className': 'ICD-O-3_Morphology.Code.ICD-O-3_MorphologyClass',
14 - 'translationPrefix': 'icd-o-3_morphology.livetable.',
15 - 'tagCloud': true,
16 - 'rowCount': 50,
17 - 'maxPages': 10,
18 - 'selectedColumn': 'morph_beh',
19 - 'defaultOrder': 'asc'
20 -})
21 -#set ($columns = ['morph_beh', 'morph', 'beh', 'text_de', 'text_en', 'text_fr', 'text_it', 'icdo_version'])
22 -#livetable('icd-o-3_morphology' $columns $columnsProperties $options)
23 -{{/velocity}}
1 +{{html clean="false"}}
2 +<style>
3 +
4 +/* =========================================================
5 + Morphology LiveData – Tabellenformatierung
6 + ========================================================= */
7 +
8 +/* Gesamte Tabelle */
9 +table.layout-table-root.responsive-table {
10 + width: 100%;
11 + border-collapse: collapse;
12 + table-layout: fixed;
13 +}
14 +
15 +/* =========================================================
16 + Kopfzeile
17 + ========================================================= */
18 +
19 +table.layout-table-root.responsive-table thead th {
20 + font-weight: bold;
21 + font-size: 0.95em;
22 + background-color: #00BFFF;
23 + border: 1px solid #999;
24 + padding: 7px 6px;
25 + vertical-align: middle;
26 +}
27 +
28 +/* Eigentliche Spaltenbezeichnung */
29 +table.layout-table-root.responsive-table thead .property-name {
30 + font-weight: bold;
31 +}
32 +
33 +/* Sortier-Button nicht unnötig hervorheben */
34 +table.layout-table-root.responsive-table thead .handle {
35 + font-weight: bold;
36 +}
37 +
38 +/* =========================================================
39 + Filterzeile
40 + ========================================================= */
41 +
42 +table.layout-table-root.responsive-table thead tr.column-filters th {
43 + background-color: #fafafa;
44 + border: 1px solid #bbb;
45 + padding: 4px 5px;
46 +}
47 +
48 +/* Filter-Eingabefelder */
49 +table.layout-table-root.responsive-table .livedata-filter {
50 + width: 100%;
51 + box-sizing: border-box;
52 +}
53 +
54 +table.layout-table-root.responsive-table .filter-text,
55 +table.layout-table-root.responsive-table .filter-date {
56 + width: 100%;
57 + box-sizing: border-box;
58 + min-height: 28px;
59 +}
60 +
61 +/* Selectize-Filter */
62 +table.layout-table-root.responsive-table .selectize-control {
63 + width: 100%;
64 +}
65 +
66 +table.layout-table-root.responsive-table .selectize-input {
67 + min-height: 28px;
68 + padding: 4px 6px;
69 + box-sizing: border-box;
70 +}
71 +
72 +/* =========================================================
73 + Datenzellen
74 + ========================================================= */
75 +
76 +table.layout-table-root.responsive-table tbody td {
77 + border: 1px solid #bbb;
78 + padding: 6px 6px;
79 + vertical-align: top;
80 + overflow-wrap: break-word;
81 + word-wrap: break-word;
82 +}
83 +
84 +/* =========================================================
85 + Spaltenbreiten
86 + ========================================================= */
87 +```text
88 +/* =========================================================
89 + Spaltenbreiten
90 + Reihenfolge:
91 + 1 morph_beh
92 + 2 morph
93 + 3 beh
94 + 4 text_de
95 + 5 text_en
96 + 6 text_fr
97 + 7 text_it
98 + 8 icdo_version
99 + ========================================================= */
100 +
101 +table.layout-table-root.responsive-table th:nth-child(1),
102 +table.layout-table-root.responsive-table td:nth-child(1) {
103 + width: 6%;
104 +}
105 +
106 +table.layout-table-root.responsive-table th:nth-child(2),
107 +table.layout-table-root.responsive-table td:nth-child(2) {
108 + width: 6%;
109 +}
110 +
111 +table.layout-table-root.responsive-table th:nth-child(3),
112 +table.layout-table-root.responsive-table td:nth-child(3) {
113 + width: 5%;
114 +}
115 +
116 +table.layout-table-root.responsive-table th:nth-child(4),
117 +table.layout-table-root.responsive-table td:nth-child(4) {
118 + width: 18%;
119 +}
120 +
121 +table.layout-table-root.responsive-table th:nth-child(5),
122 +table.layout-table-root.responsive-table td:nth-child(5) {
123 + width: 18%;
124 +}
125 +
126 +table.layout-table-root.responsive-table th:nth-child(6),
127 +table.layout-table-root.responsive-table td:nth-child(6) {
128 + width: 18%;
129 +}
130 +
131 +table.layout-table-root.responsive-table th:nth-child(7),
132 +table.layout-table-root.responsive-table td:nth-child(7) {
133 + width: 18%;
134 +}
135 +
136 +table.layout-table-root.responsive-table th:nth-child(8),
137 +table.layout-table-root.responsive-table td:nth-child(8) {
138 + width: 6%;
139 +}
140 +
141 +
142 +/* =========================================================
143 + Ausrichtung
144 + ========================================================= */
145 +
146 +/* morph_beh */
147 +table.layout-table-root.responsive-table td[data-title="morph_beh"] {
148 + text-align: center;
149 +}
150 +
151 +
152 +/* =========================================================
153 + Header-Ausrichtung
154 + ========================================================= */
155 +
156 +table.layout-table-root.responsive-table th[data-title="morph_beh"],
157 +table.layout-table-root.responsive-table th[data-title="morph"],
158 +table.layout-table-root.responsive-table th[data-title="beh"],
159 +table.layout-table-root.responsive-table th[data-title="text_de"],
160 +table.layout-table-root.responsive-table th[data-title="text_en"],
161 +table.layout-table-root.responsive-table th[data-title="text_fr"],
162 +table.layout-table-root.responsive-table th[data-title="text_it"],
163 +table.layout-table-root.responsive-table th[data-title="icdo_version"] {
164 + text-align: center;
165 +}
166 +
167 +</style>
168 +{{/html}}
169 +
170 +
171 +{{liveData
172 + id="icd-o-3_morphology"
173 + properties="morph_beh,morph,beh,text_de,text_en,text_fr,text_it,icdo_version"
174 + source="liveTable"
175 + sourceParameters="className=ICD-O-3_Morphology.Code.ICD-O-3_MorphologyClass&translationPrefix=icd-o-3_morphology.livetable."
176 + sort="morph_beh:asc"
177 + limit="50"
178 + layouts="table"
179 + showPageSizeDropdown="true"
180 + pageSizes="25,50,75,100"
181 +}}