From c39dbc7a153590341f6185d8eefedd89618f7520 Mon Sep 17 00:00:00 2001
From: Arnau Giralt <arnau.giralt@cloudblue.com>
Date: Mon, 19 Feb 2024 12:06:22 +0100
Subject: [PATCH] Add fixed layout to Table widget

---
 components/src/widgets/complexTable/widget.vue | 11 +++++++++--
 components/src/widgets/table/widget.vue        | 11 ++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/components/src/widgets/complexTable/widget.vue b/components/src/widgets/complexTable/widget.vue
index 9bb7be15..438ef093 100644
--- a/components/src/widgets/complexTable/widget.vue
+++ b/components/src/widgets/complexTable/widget.vue
@@ -1,5 +1,8 @@
 <template>
-  <ui-table :headers="props.headers">
+  <ui-table
+    :headers="props.headers"
+    :fixed="fixed"
+  >
     <slot />
   </ui-table>
   <div class="buttons-container">
@@ -62,7 +65,11 @@ const props = defineProps({
   totalItems: {
     type: Number,
     default: 1,
-  }
+  },
+  fixed: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const totalPages = computed(() => Math.ceil(props.totalItems / ITEMS_PER_PAGE))
diff --git a/components/src/widgets/table/widget.vue b/components/src/widgets/table/widget.vue
index d9ae4493..328529a9 100644
--- a/components/src/widgets/table/widget.vue
+++ b/components/src/widgets/table/widget.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="table">
-    <table>
+    <table :class="{ fixed: fixed }">
       <thead v-if="headers.length">
         <tr>
           <th
             v-for="header in headers"
             :key="header.name"
+            :style="{ width: header.width }"
           >
             <div>{{ header.text }}</div>
             <div class="splitpane" />
@@ -26,6 +27,10 @@ defineProps({
     required: true,
     default: () => [],
   },
+  fixed: {
+    type: Boolean,
+    default: false,
+  }
 })
 </script>
 
@@ -36,6 +41,10 @@ table {
   width: 100%;
   max-width: 100%;
 
+  &.fixed {
+    table-layout: fixed;
+  }
+
   thead {
     border-top: 1px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;