fixes for borderon second header level

powerhome · Dec 21, 2024 · 8bade6e · 8bade6e
1 parent 7e319a6
commit 8bade6e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 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
@@ -53,13 +53,18 @@ export const TableHeaderCell = ({
   header?.column.getLeafColumns().length === 1 &&
   header?.column.getLeafColumns()[0].id === header.column.id
 
-const cellClassName = classnames("table-header-cells", 
-  `${isChrome() ? "chrome-styles" : ""}`, 
+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 ? "last-header-cell" : ""
-  }`,
-) 
+  { "pinned-left": responsive === "scroll" && isPinnedLeft },
+  `${
+    header?.column.parent?.columns.at(-1) === header?.column ||
+    (header?.colSpan > 1 && header?.column.parent !== undefined)
+      ? "last-header-cell"
+      : ""
+  }`
+); 
 
 const cellId = `${loading ? 
     `loading-${header?.id}`

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
@@ -51,8 +51,8 @@ const AdvancedTableColumnHeadersMultiple = (props) => {
               label: "Attendance Rate",
             },
             {
-              accessor: "graduatedStudents",
-              label: "Graduated Students",
+              accessor: "scheduledMeetings",
+              label: "Scheduled Meetings",
             },
           ],
         },