fix row not showing up and minor ui issue

frectonz · Jun 14, 2024 · 7c9b47d · 7c9b47d
1 parent 59ab4a3
commit 7c9b47d
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 22 deletions.
diff --git a/ui/src/components/ui/data-table.tsx b/ui/src/components/ui/data-table.tsx
@@ -115,27 +115,29 @@ export function DataTable<TData, TValue>({
             Next
           </Button>
         </div>
-        <Select
-          onValueChange={(pageSize) => table.setPageSize(Number(pageSize))}
-          defaultValue="10"
-        >
-          <SelectTrigger className="text-sm">
-            <SelectValue>
-              Rows per page: {table.getState().pagination.pageSize}
-            </SelectValue>
-          </SelectTrigger>
-          <SelectContent>
-            {[10, 20, 30, 40, 50, 100].map((pageSize) => (
-              <SelectItem
-                key={pageSize}
-                onClick={() => table.setPageSize(pageSize)}
-                value={String(pageSize)}
-              >
-                {pageSize}
-              </SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
+        <div>
+          <Select
+            onValueChange={(pageSize) => table.setPageSize(Number(pageSize))}
+            defaultValue="10"
+          >
+            <SelectTrigger className="text-sm">
+              <SelectValue>
+                Rows per page: {table.getState().pagination.pageSize}
+              </SelectValue>
+            </SelectTrigger>
+            <SelectContent>
+              {[10, 20, 30, 40, 50, 100].map((pageSize) => (
+                <SelectItem
+                  key={pageSize}
+                  onClick={() => table.setPageSize(pageSize)}
+                  value={String(pageSize)}
+                >
+                  {pageSize}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
       </div>
     </div>
   );

diff --git a/ui/src/routes/tables.lazy.tsx b/ui/src/routes/tables.lazy.tsx
@@ -55,7 +55,7 @@ function Table({ name }: Props) {
     [key: string]: string;
   };
   const columns: ColumnDef<Column>[] = data.columns.map((col) => ({
-    accessorKey: col.toLowerCase(),
+    accessorKey: col,
     header: col,
   }));
   const rows = data.rows.map((row) =>