vgapp 1.5.4 → 1.5.5

package/app/modules/vgtable/js/_sticky-header.js

@@ -1,6 +1,6 @@
 /**
  * Описание: разметка Fixed Header с отдельными слоями заголовка и тела VGTable.
- * Возможности: перенос настоящего thead без клона, автоматическая синхронизация ширин колонок и горизонтальной прокрутки.
+ * Возможности: перенос настоящего thead без клона, intrinsic-минимумы и синхронизация ширин колонок и горизонтальной прокрутки.
  */
 
 const MODE_CLASSES = ['vg-table-wrapper--sticky-container', 'vg-table-wrapper--sticky-page'];
@@ -68,9 +68,19 @@ class _stickyHeader {
 		return this._headerTable || this._element;
 	}
 
-	getBody() {
-		return this._body;
-	}
+	getBody() {
+		return this._body;
+	}
+
+	refreshIntrinsicMinimums() {
+		const widths = this._measureIntrinsicColumnMinimums();
+		this._getHeaders().forEach((header, index) => {
+			const key = this._columnKey(header, index);
+			if (this._hasDeclaredWidth(header) || this._hardColumnWidths.has(key) || !(widths[index] > 0)) return;
+			this._columnMinimumWidths.set(key, Math.max(this._columnMinimumWidths.get(key) || 0, widths[index]));
+		});
+		return this.refresh();
+	}
 
 	syncScroll() {
 		this._syncScroll();
@@ -215,6 +225,36 @@ class _stickyHeader {
 		});
 	}
 
+	_measureIntrinsicColumnMinimums() {
+		if (!this._wrapper || !this._head) return [];
+
+		const probe = this._element.cloneNode(true);
+		probe.removeAttribute('data-vg-table');
+		probe.removeAttribute('data-vg-table-sticky-header');
+		probe.setAttribute('aria-hidden', 'true');
+		probe.querySelector(':scope > colgroup[data-vg-table-sticky-colgroup]')?.remove();
+		probe.insertBefore(this._head.cloneNode(true), probe.tBodies[0] || null);
+		probe.querySelectorAll('thead th').forEach((header) => header.style.setProperty('white-space', 'nowrap', 'important'));
+		[
+			['position', 'absolute'],
+			['inset', '0 auto auto 0'],
+			['visibility', 'hidden'],
+			['pointer-events', 'none'],
+			['width', 'min-content'],
+			['min-width', '0'],
+			['max-width', 'none'],
+			['table-layout', 'auto'],
+		].forEach(([property, value]) => probe.style.setProperty(property, value, 'important'));
+
+		this._wrapper.append(probe);
+		try {
+			const rows = Array.from(probe.tHead?.rows || []);
+			return this._measureRow(rows.at(-1));
+		} finally {
+			probe.remove();
+		}
+	}
+
 	_rememberColumnGeometry(widths) {
 		const headers = this._getHeaders();
 		const sourceCols = Array.from(this._element.querySelector(':scope > colgroup:not([data-vg-table-sticky-colgroup])')?.children || []);

package/app/modules/vgtable/js/vgtable.js

@@ -150,8 +150,8 @@ class VGTable extends BaseModule {
 				'sortchange.vg.table',
 				this._isRemote ? this._boundRemoteSortChange : this._boundLocalSortChange
 			);
-			this._stickyHeader?.refresh?.();
 		}
+		this._stickyHeader?.refreshIntrinsicMinimums?.();
 
 		// Фиксируем настоящие ячейки через native sticky, включая отдельный слой Fixed Header
 		if (!this._complex && !this._fixedColumns && this._params.fixedColumns.enabled === true) {
@@ -1137,7 +1137,7 @@ class VGTable extends BaseModule {
 
 	_refreshColumnsLayout(structure = false) {
 		this._sorting?.refresh?.(structure);
-		this._stickyHeader?.refresh?.();
+		this._stickyHeader?.refreshIntrinsicMinimums?.();
 		this._fixedColumns?.refresh?.();
 	}
 
@@ -1426,11 +1426,11 @@ class VGTable extends BaseModule {
 	_afterRemoteRender(detail = {}) {
 		if (detail.renderedCount > 0) this._states?.clear();
 		this._columns?.refresh?.();
-		this._sorting?.refresh?.();
-		this._expandable?.refresh?.();
-		this._rowReorder?.refresh?.();
-		this._stickyHeader?.refresh?.();
-		this._fixedColumns?.refresh?.();
+		this._sorting?.refresh?.();
+		this._expandable?.refresh?.();
+		this._rowReorder?.refresh?.();
+		this._stickyHeader?.refreshIntrinsicMinimums?.();
+		this._fixedColumns?.refresh?.();
 	}
 
 	/**