From b0ac326752331ab01ad981fa7b1022e82beab143 Mon Sep 17 00:00:00 2001
From: Blake Matthes <cowchmonkey@gmail.com>
Date: Mon, 17 Nov 2025 17:21:53 -0600
Subject: [PATCH] feat(scroll view): added in a scroll view to for quality so
 it dose not go over the end of the page

---
 frontend/src/lib/tableStuff/TableNoExpand.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/tableStuff/TableNoExpand.tsx b/frontend/src/lib/tableStuff/TableNoExpand.tsx
index 93def2e..94f4131 100644
--- a/frontend/src/lib/tableStuff/TableNoExpand.tsx
+++ b/frontend/src/lib/tableStuff/TableNoExpand.tsx
@@ -8,6 +8,7 @@ import {
 } from "@tanstack/react-table";
 import React, { useState } from "react";
 import { Button } from "@/components/ui/button";
+import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import {
 	Table,
 	TableBody,
@@ -32,6 +33,7 @@ export default function TableNoExpand({
 		getPaginationRowModel: getPaginationRowModel(),
 		onSortingChange: setSorting,
 		getSortedRowModel: getSortedRowModel(),
+
 		//renderSubComponent: ({ row }: { row: any }) => <ExpandedRow row={row} />,
 		//getRowCanExpand: () => true,
 		state: {
@@ -40,7 +42,7 @@ export default function TableNoExpand({
 	});
 	return (
 		<div className="p-4">
-			<div className="">
+			<ScrollArea className="w-11/12 rounded-md border whitespace-nowrap">
 				<Table>
 					<TableHeader>
 						{table.getHeaderGroups().map((headerGroup) => (
@@ -106,7 +108,8 @@ export default function TableNoExpand({
 						Next
 					</Button>
 				</div>
-			</div>
+				<ScrollBar orientation="horizontal" />
+			</ScrollArea>
 		</div>
 	);
 }