diff --git a/stencil-workspace/src/components/modus-table/modus-table.scss b/stencil-workspace/src/components/modus-table/modus-table.scss index dbd2c683b..b83b5d579 100644 --- a/stencil-workspace/src/components/modus-table/modus-table.scss +++ b/stencil-workspace/src/components/modus-table/modus-table.scss @@ -30,6 +30,7 @@ table { font-family: $primary-font; font-size: $rem-14px; height: fit-content; + table-layout: fixed; width: 100%; &.cell-borderless { diff --git a/stencil-workspace/src/components/modus-table/parts/modus-table-header.tsx b/stencil-workspace/src/components/modus-table/parts/modus-table-header.tsx index cb74c5282..cc49274ce 100644 --- a/stencil-workspace/src/components/modus-table/parts/modus-table-header.tsx +++ b/stencil-workspace/src/components/modus-table/parts/modus-table-header.tsx @@ -35,7 +35,7 @@ export const ModusTableHeader: FunctionalComponent = ({ const tableHeadClass = { 'show-resize-cursor': getColumnResizing(), 'show-column-reorder-cursor': columnReorder }; const headerGroups: HeaderGroup[] = getHeaderGroups(); - const rowActionsLength = Math.min(Math.max(rowActions.length * 40, 90), 160); + // const rowActionsLength = Math.min(Math.max(rowActions.length * 40, 90), 160); return ( @@ -56,7 +56,7 @@ export const ModusTableHeader: FunctionalComponent = ({ /> ); })} - {rowActions.length > 0 && } + {rowActions.length > 0 && } ))} diff --git a/stencil-workspace/src/components/modus-table/parts/row/selection/modus-table-header-checkbox.tsx b/stencil-workspace/src/components/modus-table/parts/row/selection/modus-table-header-checkbox.tsx index 4745d6388..6eff925e2 100644 --- a/stencil-workspace/src/components/modus-table/parts/row/selection/modus-table-header-checkbox.tsx +++ b/stencil-workspace/src/components/modus-table/parts/row/selection/modus-table-header-checkbox.tsx @@ -14,7 +14,7 @@ export const ModusTableHeaderCheckbox: FunctionalComponent + {rowSelectionOptions?.multiple && (