.

src/assets/css/custom.css

@@ -1181,7 +1181,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .flight-approval .rdt_TableHeadRow>div{display:none}
 .flight-approval .rdt_TableHeadRow .rdt_TableCol{display:block;font-size:0.8rem;}
 .flight-approval .rdt_TableHeadRow .rdt_TableCol div{font-weight:600}
-.flight-approval-layer{width:700px;overflow:scroll;}
+.flight-approval-layer{width:750px;overflow:scroll;}
 .layer-ti-sub{display:block;font-size:0.875rem;color:#777;margin-top:-4px;}
 .flight-approval-layer .layer-ti-sub{margin-bottom:0.5rem}
 .flight-approval-layer .calendar-flat svg{color:#8a1c05}
@@ -1204,7 +1204,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 
 .flight-approval-layer .react-dataTable.pal-dateTable .rdt_TableBody .rdt_TableRow .rdt_TableCell .btn{padding: 0.5rem 1rem;}
 
-.flight-approval-layer .__rdt_custom_sort_icon__{position:absolute;right:10%}
+.flight-approval-layer .__rdt_custom_sort_icon__{position:absolute;right:12%}
 .search-case-list{width:100%;margin-bottom:10px}
 .search-case-list ul{display:flex;}
 .search-case-list ul li{flex:1;text-align:center;font-size:0.875rem;font-weight:500;padding:0.4rem;}
@@ -1214,3 +1214,5 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 
 .sc-AxhCb.sc-AxmLO {display: none;}
 /* .bg-color div{background:#eeeeee} */
+.flight-approval-layer .react-dataTable .rdt_TableHead .rdt_TableHeadRow .custom-header-cell{text-align:center;line-height:1.3;}
+.flight-approval-layer .react-dataTable .rdt_TableHead .rdt_TableHeadRow{height:auto}

src/components/flight/FlightApprovalsTable.js

@@ -69,6 +69,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.applyNo,
       center: true,
+      width: '80px',
       cell: row => {
         return (
           <>
@@ -89,6 +90,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.applyDt,
       center: true,
+      width: '80px',
       cell: row => {
         return (
           <>
@@ -110,7 +112,7 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.areaList[0].zoneNo,
       center: true,
       sortable: true,
-      width: '110px',
+      width: '80px',
       cell: row => {
         return row.areaList[0].zoneNo + '번';
       }
@@ -125,7 +127,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].lat,
       center: true,
-      width: '180px',
+      width: '110px',
       sortable: true,
       cell: row => {
         return (
@@ -147,6 +149,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].bufferZone,
       center: true,
+      width: '80px',
       sortable: true,
       cell: row => {
         return row.areaList[0].bufferZone;
@@ -162,7 +165,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].fltElev,
       center: true,
-
+      width: '80px',
       sortable: true,
       cell: row => {
         return row.areaList[0].fltElev;
@@ -178,7 +181,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].approvalCd,
       center: true,
-
+      width: '80px',
       sortable: true,
       cell: row => {
         return row.areaList[0].approvalCd === 'U'
@@ -240,6 +243,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.applyNo,
       center: true,
+      width: '80px',
       cell: row => {
         return (
           // <>
@@ -257,6 +261,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.applyDt,
       center: true,
+      width: '80px',
       cell: row => {
         return (
           <>
@@ -271,7 +276,7 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.zoneNo,
       center: true,
       sortable: true,
-      width: '110px',
+      width: '80px',
       cell: row => {
         return row.zoneNo + '번';
       }
@@ -279,7 +284,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.lat,
       center: true,
-      width: '180px',
+      width: '110px',
       sortable: true,
       cell: row => {
         return (
@@ -294,6 +299,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.bufferZone,
       center: true,
+      width: '80px',
       sortable: true,
       cell: row => {
         return row.bufferZone;
@@ -302,6 +308,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.fltElev,
       center: true,
+      width: '80px',
       sortable: true,
       cell: row => {
         return row.fltElev;
@@ -310,6 +317,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.approvalCd,
       center: true,
+      width: '80px',
       sortable: true,
       cell: row => {
         return row.approvalCd === 'U'
@@ -318,27 +326,28 @@ export default function FlightApprovalsTable(props) {
           ? '승인'
           : '미승인';
       }
-    },
-    {
-      selector: row => row.approvalCd,
-      center: true,
-      cell: row => {
-        return (
-          <Button
-            color='flat-dark'
-            onClick={() =>
-              handlerOpenModal(row.approvalCd, row.fltElev, row.fltElevMax)
-            }
-          >
-            사유보기
-          </Button>
-        );
     }
-    },
+    // ,
+    // {
+    //   selector: row => row.approvalCd,
+    //   center: true,
+    //   cell: row => {
+    //     return (
+    //       <Button
+    //         color='flat-dark'
+    //         onClick={() =>
+    //           handlerOpenModal(row.approvalCd, row.fltElev, row.fltElevMax)
+    //         }
+    //       >
+    //         사유보기
+    //       </Button>
+    //     );
+    //   }
+    // }
+,
     {
       selector: row => row.approvalCd,
       center: true,
-      width: '120px',
       cell: row => {
         return '-';
       }