Merge pull request #1964 from smeup/fix/kup-data-table/wrapperFixedWidth

update fixed width kup-data-table
smeup · Jun 27, 2024 · 10f652e · 10f652e
2 parents 068d755 + 0e09b64
commit 10f652e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/ketchup/src/components/kup-data-table/kup-data-table.tsx b/packages/ketchup/src/components/kup-data-table/kup-data-table.tsx
@@ -5476,6 +5476,7 @@ export class KupDataTable {
         this.#rowsRefs = [];
         this.#renderedRows = [];
         let elStyle = undefined;
+        let actionWrapperWidth = undefined;
         this.#sizedColumns = this.#getSizedColumns();
 
         let rows = null;
@@ -5613,6 +5614,11 @@ export class KupDataTable {
                 width: this.tableWidth,
                 overflow: 'auto',
             };
+            actionWrapperWidth = {
+                ...actionWrapperWidth,
+                width: this.tableWidth,
+                overflow: 'auto',
+            };
         }
 
         let stickyEl = undefined;
@@ -5672,7 +5678,7 @@ export class KupDataTable {
                 </style>
                 <div id={componentWrapperId} class={wrapClass}>
                     <div class="group-wrapper">{groupChips}</div>
-                    <div class="actions-wrapper">
+                    <div class="actions-wrapper" style={actionWrapperWidth}>
                         {this.globalFilter ? (
                             <div id="global-filter">
                                 <FTextField