From ac675d5add9b7aed6e7ec87a2c52e16b896fcf3c Mon Sep 17 00:00:00 2001
From: Fushihara <1039534+fushihara@users.noreply.github.com>
Date: Thu, 3 Oct 2024 20:58:23 +0900
Subject: =?UTF-8?q?=E3=82=B9=E3=83=9E=E3=83=9B=E3=81=A7=E8=A6=8B=E3=81=9F?=
 =?UTF-8?q?=E6=99=82=E3=81=AB=E3=83=86=E3=83=BC=E3=83=96=E3=83=AB=E3=81=8C?=
 =?UTF-8?q?=E5=B4=A9=E3=82=8C=E3=81=AA=E3=81=84=E3=82=88=E3=81=86=E3=81=AB?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/_components/tableElements.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

(limited to 'src/app/_components/tableElements.tsx')

diff --git a/src/app/_components/tableElements.tsx b/src/app/_components/tableElements.tsx
index 1051048..0c100d9 100644
--- a/src/app/_components/tableElements.tsx
+++ b/src/app/_components/tableElements.tsx
@@ -11,7 +11,7 @@ export function TableElement(mainOption: MainOption, bodyList: { element: JSX.El
   for (const h of mainOption.header) {
     const index = mainOption.header.indexOf(h);
     headerElementList.push(
-      <th scope="col" className="px-6 py-4 text-left" key={`th-${index}`}>{h.label}</th>
+      <th scope="col" className="px-6 py-4 text-left whitespace-nowrap" key={`th-${index}`}>{h.label}</th>
     );
   }
   const bodyElementList: JSX.Element[] = [];
@@ -30,15 +30,17 @@ export function TableElement(mainOption: MainOption, bodyList: { element: JSX.El
     trIndex += 1;
   }
   return (
-    <table className="w-full">
-      <thead className="bg-white border-b sticky top-0 text-md font-medium text-gray-900">
-        <tr>
-          {headerElementList}
-        </tr>
-      </thead>
-      <tbody className="">
-        {bodyElementList}
-      </tbody>
-    </table>
+    <div className="overflow-x-auto">
+      <table className="w-full">
+        <thead className="bg-white border-b sticky top-0 text-md font-medium text-gray-900">
+          <tr>
+            {headerElementList}
+          </tr>
+        </thead>
+        <tbody className="">
+          {bodyElementList}
+        </tbody>
+      </table>
+    </div>
   );
 }
-- 
cgit v1.2.3

