fix: #310 시간표 인쇄 시 스타일 개선

- 테이블 셀에 테두리 누락된 것 추가
bmrdevteam · Oct 12, 2023 · 2fdf309 · 2fdf309
1 parent 102faeb
commit 2fdf309
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/frontend/src/pages/courses/tab/TimeTableTab.tsx b/frontend/src/pages/courses/tab/TimeTableTab.tsx
@@ -46,6 +46,23 @@ import 'react-tooltip/dist/react-tooltip.css'
 type Props = { courseList: any[] };
 type PrintButtonProps = { onClick: () => void };
 
+const pageStyle = `
+ 
+  @media print {
+    @page {
+      size: auto;
+      margin: 0mm;
+    }
+    body {
+      -webkit-print-color-adjust: exact;
+    }
+    th,
+    td {
+      border: 1px solid rgb(230, 230, 230); 
+    }
+  }
+`
+
 const PrintButton = ({ onClick }: PrintButtonProps ) => {
   return (
     <>
@@ -111,6 +128,7 @@ const Timetable = (props: Props) => {
   const timetableRef = useRef(null);
   const handlePrint = useReactToPrint({
     content: () => timetableRef.current,
+    pageStyle: pageStyle,
   });
   return (
     <div className={style.section}>