From dda0e738d49f687bf2f8c116085ca1f91dba89fa Mon Sep 17 00:00:00 2001
From: Deven Ramchandran <deven@ramch.net>
Date: Fri, 17 Jul 2026 10:33:33 -0400
Subject: [PATCH] Fix/add footer row to AutoTable

---
 go/jsruntime/uikit/AutoTable.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/go/jsruntime/uikit/AutoTable.tsx b/go/jsruntime/uikit/AutoTable.tsx
index 476016f5..066cfa65 100644
--- a/go/jsruntime/uikit/AutoTable.tsx
+++ b/go/jsruntime/uikit/AutoTable.tsx
@@ -3944,7 +3944,11 @@ export function AutoTable(props: AutoTableProps) {
                             <For each={displayData()}>
                                 {(item, rowIdx) => {
                                     const position = () => (displayPagination().CurrentPage - 1) * displayPagination().MaxItemsPerPage + rowIdx() + 1;
-                                    const isLastRow = () => rowIdx() === displayData().length - 1;
+                                    // A footer row is appended after the data rows in the same
+                                    // <tbody> (see props.footer below), so the final data row
+                                    // isn't visually last when one is present — it still needs
+                                    // its border-b to separate it from the footer.
+                                    const isLastRow = () => rowIdx() === displayData().length - 1 && !props.footer;
                                     const rowKey = () => item.id ?? rowIdx();
                                     const isExpanded = () => opts().accordion && expandedRows().has(rowKey());
                                     const isHighlighted = () => !!(props.highlightMatch && props.highlightMatch(item));
@@ -3996,7 +4000,7 @@ export function AutoTable(props: AutoTableProps) {
                                     ];
                                 }}
                             </For>
-                            <Show when={props.footer}><tr>{props.footer}</tr></Show>
+                            <Show when={props.footer}>{props.footer}</Show>
                         </Show>
                     </tbody>
                     <Show when={opts().summaryRows && userSummaryRows().length > 0}>