From 6605f52295ff4cf64b0bb218a238058bd89a3ca6 Mon Sep 17 00:00:00 2001
From: aradjafari <arad.jafari@gmail.com>
Date: Fri, 29 Oct 2021 23:27:34 +0200
Subject: [PATCH] SCrolling box fix
---
client/src/App.css | 5 ++++-
client/src/components/PrintTable.tsx | 4 ++--
2 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/client/src/App.css b/client/src/App.css
index d09e29e..a46648f 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -57,9 +57,12 @@
}
}
-table {
+#tableContainer{
position: absolute;
margin-top: 5vh;
+}
+
+table {
table-layout:fixed;
width: 100%;
text-align: center;
diff --git a/client/src/components/PrintTable.tsx b/client/src/components/PrintTable.tsx
index 4ab3331..290bc9a 100644
--- a/client/src/components/PrintTable.tsx
+++ b/client/src/components/PrintTable.tsx
@@ -1,7 +1,7 @@
// Returns list of movies
function PrintTable(props: any) {
return (
- <table>
+ <div id="tableContainer"><table>
<thead>
<tr>
<th>Title</th>
@@ -23,7 +23,7 @@ function PrintTable(props: any) {
<td><img className="thumbnails" src = {row.cover_image} alt={row.title}></img></td>
</tr>;
})
- }</tbody></table>
+ }</tbody></table></div>
)
}
--
GitLab