fix: table layout shift while changing tabs (#921)

fixes: #875 https://github.com/documenso/documenso/assets/28510494/083fd87a-ef62-40e6-9696-9c04b4411502
2025-11-16 01:32:06 +10:00 · 2024-03-11 12:16:19 +11:00
parent 7ac34099ee 7f31ab1ce3
commit 1a23744d2a
3 changed files with 13 additions and 2 deletions
--- a/packages/ui/primitives/data-table.tsx
+++ b/packages/ui/primitives/data-table.tsx
@ -115,7 +115,12 @@ export function DataTable<TData, TValue>({
              table.getRowModel().rows.map((row) => (
                <TableRow key={row.id} data-state={row.getIsSelected() && 'selected'}>
                  {row.getVisibleCells().map((cell) => (
-                    <TableCell key={cell.id}>
+                    <TableCell
+                      key={cell.id}
+                      style={{
+                        width: `${cell.column.getSize()}px`,
+                      }}
+                    >
                      {flexRender(cell.column.columnDef.cell, cell.getContext())}
                    </TableCell>
                  ))}