fix: cell styles order

schummar · Jan 8, 2024 · 5c30425 · 5c30425
1 parent 81c91d0
commit 5c30425
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/columnFooter.tsx b/src/components/columnFooter.tsx
@@ -30,10 +30,10 @@ export function ColumnFooter() {
       className={cx(classes, columnClasses)}
       css={[
         defaultClasses.footerCell,
-        styles,
-        columnCss,
         stickyFooter && defaultClasses.stickyBottom,
         stickyFooter instanceof Object && stickyFooter,
+        styles,
+        columnCss,
       ]}
       style={columnStyleOverride}
     >

diff --git a/src/components/table.tsx b/src/components/table.tsx
@@ -119,19 +119,19 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
             className={classes?.headerCell}
             css={[
               defaultClasses.headerFill,
-              styles?.headerCell,
               stickyHeader && defaultClasses.sticky,
               stickyHeader instanceof Object && stickyHeader,
+              styles?.headerCell,
             ]}
           />
 
           <div
             className={classes?.headerCell}
             css={[
               defaultClasses.headerCell,
-              styles?.headerCell,
               stickyHeader && defaultClasses.sticky,
               stickyHeader instanceof Object && stickyHeader,
+              styles?.headerCell,
             ]}
           >
             {enableSelection && <SelectComponent />}
@@ -156,9 +156,9 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
             className={classes?.headerCell}
             css={[
               defaultClasses.headerFill,
-              styles?.headerCell,
               stickyHeader && defaultClasses.sticky,
               stickyHeader instanceof Object && stickyHeader,
+              styles?.headerCell,
             ]}
           />
         </>
@@ -172,18 +172,18 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
                 className={classes?.footerCell}
                 css={[
                   defaultClasses.footerFill,
-                  styles?.footerCell,
                   stickyFooter && defaultClasses.stickyBottom,
                   stickyFooter instanceof Object && stickyFooter,
+                  styles?.footerCell,
                 ]}
               />
               <div
                 className={classes?.footerCell}
                 css={[
                   defaultClasses.footerFill,
-                  styles?.footerCell,
                   stickyFooter && defaultClasses.stickyBottom,
                   stickyFooter instanceof Object && stickyFooter,
+                  styles?.footerCell,
                 ]}
               />
 
@@ -197,9 +197,9 @@ const TableInner = memo(function TableInner<T>({ hidden }: { hidden: boolean })
                 className={classes?.footerCell}
                 css={[
                   defaultClasses.footerFill,
-                  styles?.footerCell,
                   stickyFooter && defaultClasses.stickyBottom,
                   stickyFooter instanceof Object && stickyFooter,
+                  styles?.footerCell,
                 ]}
               />
             </>