From 51af1bc2a0b88b85427f697d8d9c4fc092f7852e Mon Sep 17 00:00:00 2001 From: Gustavo Bascope Date: Fri, 9 Feb 2024 16:42:50 -0400 Subject: [PATCH] Content adjust when window is resize --- resources/js/components/shared/FilterTable.vue | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/resources/js/components/shared/FilterTable.vue b/resources/js/components/shared/FilterTable.vue index 92fed23042..766c5a37e7 100644 --- a/resources/js/components/shared/FilterTable.vue +++ b/resources/js/components/shared/FilterTable.vue @@ -165,9 +165,16 @@ export default { ellipsisColumn.forEach((column) => { column.addEventListener("click", this.handleEllipsisClick); }); + window.addEventListener("resize", this.handleWindowResize); }); }, + beforeDestroy() { + window.removeEventListener("resize", this.handleWindowResize); + }, methods: { + handleWindowResize() { + this.calculateColumnWidth(); + }, calculateColumnWidth() { this.headers.forEach((headerColumn, index) => { if (this.calculateContent(index) !== 0) {