From 7c690060dcd66aa60de9dafead443e1d0a9cd07e Mon Sep 17 00:00:00 2001
From: Jason Sylvestre <jsylvestre@ucdavis.edu>
Date: Thu, 4 Jun 2026 08:03:00 -0700
Subject: [PATCH] Correctly add new API key row to DataTable

Issue #373
---
 Sloth.Web/Views/Teams/Details.cshtml | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/Sloth.Web/Views/Teams/Details.cshtml b/Sloth.Web/Views/Teams/Details.cshtml
index cdb49e45..ae2fec71 100644
--- a/Sloth.Web/Views/Teams/Details.cshtml
+++ b/Sloth.Web/Views/Teams/Details.cshtml
@@ -481,15 +481,13 @@
                         .text('Revoke Key');
 
                     // create new row in table
+                    var $row = $('<tr></tr>');
+                    $row.append($('<td nowrap></td>').text(result.key));
+                    $row.append($('<td></td>').attr('data-sort', result.issuedTicks).text(result.issued));
+                    $row.append($('<td></td>').append($button));
+
                     var apiKeysTable = $('#apiKeysTable').DataTable();
-                    apiKeysTable.row.add([
-                        result.key,
-                        {
-                            "display": result.issued,
-                            "@@data-sort": result.issuedTicks,
-                        },
-                        $('<div>').append($button).html(),
-                    ]).draw();
+                    apiKeysTable.row.add($row[0]).draw();
 
                     $('#create-key-modal').modal('hide');
                 });