@geode/opengeodeweb-front 10.20.1-rc.2 → 10.20.1-rc.3
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.
|
@@ -3,7 +3,10 @@ const { headers, rows, loading, coordinates, separator, headerRow, firstRow } =
|
|
|
3
3
|
headers: { type: Array, required: true },
|
|
4
4
|
rows: { type: Array, required: true },
|
|
5
5
|
loading: { type: Boolean, default: false },
|
|
6
|
-
coordinates: {
|
|
6
|
+
coordinates: {
|
|
7
|
+
type: Object,
|
|
8
|
+
default: () => ({ x: undefined, y: undefined, z: undefined }),
|
|
9
|
+
},
|
|
7
10
|
separator: { type: String, default: "," },
|
|
8
11
|
headerRow: { type: Number, default: 0 },
|
|
9
12
|
firstRow: { type: Number, default: 1 },
|
|
@@ -24,7 +27,7 @@ function getColumnClass(key) {
|
|
|
24
27
|
</script>
|
|
25
28
|
|
|
26
29
|
<template>
|
|
27
|
-
<div class="d-flex flex-column bg-black-opacity-20 overflow-hidden">
|
|
30
|
+
<div class="d-flex flex-column bg-black-opacity-20 overflow-hidden h-100">
|
|
28
31
|
<div class="pa-4 d-flex align-center border-b border-opacity-10">
|
|
29
32
|
<v-icon icon="mdi-table-eye" size="small" class="mr-2 opacity-60" />
|
|
30
33
|
<span class="text-subtitle-2 font-weight-medium opacity-80">
|
|
@@ -37,17 +40,17 @@ function getColumnClass(key) {
|
|
|
37
40
|
</v-chip>
|
|
38
41
|
</div>
|
|
39
42
|
|
|
40
|
-
<v-data-table
|
|
43
|
+
<v-data-table-virtual
|
|
41
44
|
:key="`${separator}-${headerRow}-${firstRow}`"
|
|
42
45
|
:headers="headers"
|
|
43
46
|
:items="rows"
|
|
44
|
-
class="bg-transparent"
|
|
47
|
+
class="bg-transparent flex-grow-1"
|
|
48
|
+
style="min-height: 0; min-width: 0"
|
|
45
49
|
density="compact"
|
|
46
50
|
hover
|
|
47
|
-
hide-default-footer
|
|
48
51
|
:loading="loading"
|
|
49
52
|
fixed-header
|
|
50
|
-
height="
|
|
53
|
+
item-height="35"
|
|
51
54
|
>
|
|
52
55
|
<template v-for="header in headers" v-slot:[`item.${header.key}`]="{ item }">
|
|
53
56
|
<div :class="getColumnClass(header.key)" class="px-2 py-1 rounded text-truncate">
|
|
@@ -62,7 +65,7 @@ function getColumnClass(key) {
|
|
|
62
65
|
<div class="text-caption">Check your parser settings</div>
|
|
63
66
|
</div>
|
|
64
67
|
</template>
|
|
65
|
-
</v-data-table>
|
|
68
|
+
</v-data-table-virtual>
|
|
66
69
|
</div>
|
|
67
70
|
</template>
|
|
68
71
|
|
package/package.json
CHANGED