feat: make results grid table columns resizable

Closes #738
agrc · Nov 26, 2024 · 4bfb2b0 · 4bfb2b0
1 parent a4612cd
commit 4bfb2b0
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/utah-design-system/Table.jsx b/src/utah-design-system/Table.jsx
@@ -119,6 +119,13 @@ function InnerTable(
                             />
                           ),
                         }[header.column.getIsSorted()] ?? null}
+                        <button
+                          onMouseDown={header.getResizeHandler()}
+                          onTouchStart={header.getResizeHandler()}
+                          className="user-select-none absolute right-0 top-0 h-full w-1.5 cursor-col-resize touch-none hover:bg-slate-200"
+                          tabIndex={0}
+                          aria-label="Resize column"
+                        />
                       </div>
                     )}
                   </th>