@itfin/components 1.3.66 → 1.3.67
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.
package/package.json
CHANGED
|
@@ -99,14 +99,14 @@
|
|
|
99
99
|
<div v-if="isShowTable && showSummary" class="table-row-template d-flex align-items-stretch table-summary" :class="{'table-summary-persist': persistSummary}">
|
|
100
100
|
<div class="shadow-area"></div>
|
|
101
101
|
|
|
102
|
-
<div class="table-summary-columns d-flex tw-flex-row align-items-center">
|
|
102
|
+
<div class="table-summary-columns d-flex tw-flex-row align-items-center w-100 flex-grow-1">
|
|
103
103
|
<span
|
|
104
104
|
v-for="(column, n) in visibleColumns"
|
|
105
105
|
v-if="column.visible !== false"
|
|
106
106
|
:key="n"
|
|
107
107
|
:data-column="n"
|
|
108
|
-
class="position-relative line-overflow"
|
|
109
|
-
:style="`width: ${column.width}px; max-width: ${column.width}px;`">
|
|
108
|
+
class="position-relative line-overflow px-1"
|
|
109
|
+
:style="column.grow ? `min-width: ${column.minWidth}px; flex-grow: 1;` : `width: ${column.width}px; max-width: ${column.width}px;`">
|
|
110
110
|
<itf-dropdown append-to-context text right @open="persistSummary = true" @close="persistSummary = false" autoclose="outside">
|
|
111
111
|
<template #button>
|
|
112
112
|
<span data-test="summary-column" class="invisible-summary d-flex align-items-center justify-content-end flex-auto">
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
{{$t('components.table.calculate')}}
|
|
115
115
|
<itf-icon name="chevron_down" />
|
|
116
116
|
</span>
|
|
117
|
-
<span v-else>
|
|
117
|
+
<span v-else class="text-truncate">
|
|
118
118
|
<span class="summary-text text-uppercase pe-2">{{getCalculateMethodTitle(column.calculate)}}</span>
|
|
119
119
|
<slot :name="`summary.${column.property}`" :value="getCalculateMethodValue(column.calculate, column)" :raw="!column.calculate.includes('count') && !column.calculate.includes('percent')">
|
|
120
120
|
<span>{{getCalculateMethodValue(column.calculate, column)}}</span>
|
|
@@ -279,7 +279,7 @@ class itfTableHeader extends Vue {
|
|
|
279
279
|
let newWidth;
|
|
280
280
|
const mouseMoveHandler = (event) => {
|
|
281
281
|
const delta = event.pageX - startX;
|
|
282
|
-
newWidth = Math.max(columnWidth + delta,
|
|
282
|
+
newWidth = Math.max(columnWidth + delta, 50);
|
|
283
283
|
columns.forEach((column) => {
|
|
284
284
|
if (!this.sortedColumns[index].grow) {
|
|
285
285
|
column.style.width = `${newWidth}px`;
|