Udpate

Author: ponnexcodev

packages/design-system/src/elements/toniq-list-table/toniq-list-table.element.ts

@@ -226,8 +226,13 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
             will-change: filter;
         }
 
+        .column-wrapper.fill {
+            flex: 1;
+        }
+
         .column-content {
-            min-height: 48px;
+            height: 48px;
+            max-height: 48px;
             width: -webkit-fill-available;
             width: -moz-available;
             align-items: center;
@@ -264,6 +269,10 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
             border-top-color: ${toniqColors.dropShadow.backgroundColor};
         }
 
+        .content-wrapper {
+            width: 100%;
+        }
+
         .loading-wrapper {
             transition: ${toniqDurations.pretty};
             opacity: 1;
@@ -398,6 +407,7 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
                                     class=${classMap({
                                         'column-wrapper': true,
                                         sticky: isSticky,
+                                        fill: !!columnItem.option?.spaceEvenly,
                                     })}
                                     style=${ifDefined(
                                         isSticky
@@ -433,6 +443,7 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
                                                         `,
                                                         html`
                                                             <div
+                                                                class="content-wrapper"
                                                                 ${listen('click', (event) => {
                                                                     event.preventDefault();
                                                                     event.stopPropagation();