Fixes

powerhome · Dec 23, 2024 · b8f1353 · b8f1353
1 parent 8bade6e
commit b8f1353
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/playbook/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx b/playbook/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx
@@ -52,18 +52,17 @@ export const TableHeaderCell = ({
   const isLeafColumn =
   header?.column.getLeafColumns().length === 1 &&
   header?.column.getLeafColumns()[0].id === header.column.id
+
+  const isLastHeaderCell =
+    header?.column.parent?.columns.at(-1) === header?.column ||
+    (header?.colSpan > 1 && header?.column.parent !== undefined);
 
 const cellClassName = classnames(
   "table-header-cells",
   `${isChrome() ? "chrome-styles" : ""}`,
   `${enableSorting ? "table-header-cells-active" : ""}`,
   { "pinned-left": responsive === "scroll" && isPinnedLeft },
-  `${
-    header?.column.parent?.columns.at(-1) === header?.column ||
-    (header?.colSpan > 1 && header?.column.parent !== undefined)
-      ? "last-header-cell"
-      : ""
-  }`
+   isLastHeaderCell ? "last-header-cell" : ""
 ); 
 
 const cellId = `${loading ? 

diff --git a/playbook/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx b/playbook/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
@@ -47,13 +47,13 @@ const AdvancedTableColumnHeaders = (props) => {
 
 
   return (
-    <div>
+    <>
       <AdvancedTable
           columnDefinitions={columnDefinitions}
           tableData={MOCK_DATA}
           {...props}
       />
-    </div>
+    </>
   )
 }
 

diff --git a/...k/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx b/...k/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
@@ -61,13 +61,13 @@ const AdvancedTableColumnHeadersMultiple = (props) => {
   ];
 
   return (
-    <div>
+    <>
       <AdvancedTable
           columnDefinitions={columnDefinitions}
           tableData={MOCK_DATA}
           {...props}
       />
-    </div>
+    </>
   );
 };