px-react-ui-components 1.0.22 → 1.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -170,7 +170,10 @@ function MyTable({
|
|
|
170
170
|
${isSorted ? _MyTableModule.default[`sort-${sortDirection}`] : ""}
|
|
171
171
|
`,
|
|
172
172
|
style: style,
|
|
173
|
-
children:
|
|
173
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
174
|
+
className: `${_MyTableModule.default.thContainer}`,
|
|
175
|
+
children: column.title
|
|
176
|
+
})
|
|
174
177
|
}, "head" + column.key + btoa(Math.random().toString(36).substr(2, 9)));
|
|
175
178
|
};
|
|
176
179
|
|
|
@@ -194,7 +197,7 @@ function MyTable({
|
|
|
194
197
|
style: column.tdStyle,
|
|
195
198
|
className: `${_MyTableModule.default.td} ${column.tdClassName && column.tdClassName || ""}`,
|
|
196
199
|
"data-row-index": index,
|
|
197
|
-
children: typeof content ===
|
|
200
|
+
children: typeof content === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
198
201
|
dangerouslySetInnerHTML: {
|
|
199
202
|
__html: content
|
|
200
203
|
}
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
font-size: 13px;
|
|
40
40
|
font-weight: 300;
|
|
41
41
|
}
|
|
42
|
-
.rowsCount span{
|
|
42
|
+
.rowsCount span {
|
|
43
43
|
font-weight: 500;
|
|
44
44
|
}
|
|
45
45
|
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
|
|
74
74
|
.myTable {
|
|
75
75
|
width: 100%;
|
|
76
|
-
height: 100
|
|
76
|
+
height: 100%;
|
|
77
77
|
overflow: auto;
|
|
78
78
|
-webkit-overflow-scrolling: touch;
|
|
79
79
|
scrollbar-width: thin;
|
|
@@ -113,6 +113,13 @@
|
|
|
113
113
|
border-right: 1px solid #bdc7d4 !important;
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
+
.thContainer {
|
|
117
|
+
display: block;
|
|
118
|
+
width: 100%;
|
|
119
|
+
max-height: 100px;
|
|
120
|
+
overflow-y: auto;
|
|
121
|
+
}
|
|
122
|
+
|
|
116
123
|
.th,
|
|
117
124
|
.td {
|
|
118
125
|
border-collapse: collapse;
|
|
@@ -146,8 +153,6 @@
|
|
|
146
153
|
background-color: #d6eff0;
|
|
147
154
|
}
|
|
148
155
|
|
|
149
|
-
|
|
150
|
-
|
|
151
156
|
.td {
|
|
152
157
|
font-size: 13px;
|
|
153
158
|
font-weight: normal;
|
|
@@ -257,7 +262,7 @@
|
|
|
257
262
|
}
|
|
258
263
|
|
|
259
264
|
.sortable:after {
|
|
260
|
-
content:
|
|
265
|
+
content: "↕";
|
|
261
266
|
position: absolute;
|
|
262
267
|
right: 8px;
|
|
263
268
|
top: 50%;
|
|
@@ -266,12 +271,12 @@
|
|
|
266
271
|
}
|
|
267
272
|
|
|
268
273
|
.sort-asc:after {
|
|
269
|
-
content:
|
|
274
|
+
content: "↑";
|
|
270
275
|
opacity: 1;
|
|
271
276
|
}
|
|
272
277
|
|
|
273
278
|
.sort-desc:after {
|
|
274
|
-
content:
|
|
279
|
+
content: "↓";
|
|
275
280
|
opacity: 1;
|
|
276
281
|
}
|
|
277
282
|
|
|
@@ -290,7 +295,8 @@
|
|
|
290
295
|
font-size: 12px;
|
|
291
296
|
}
|
|
292
297
|
|
|
293
|
-
.th,
|
|
298
|
+
.th,
|
|
299
|
+
.td {
|
|
294
300
|
min-width: 40px !important;
|
|
295
301
|
}
|
|
296
302
|
}
|
|
@@ -330,7 +336,8 @@
|
|
|
330
336
|
padding: 0 2px;
|
|
331
337
|
}
|
|
332
338
|
|
|
333
|
-
.th,
|
|
339
|
+
.th,
|
|
340
|
+
.td {
|
|
334
341
|
min-width: 60px;
|
|
335
342
|
}
|
|
336
343
|
}
|