롤백

src/assets/css/custom.css

@@ -1173,9 +1173,9 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;min-height:60px;}
 .invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell:hover{cursor: pointer;} */
 .invoice-list-dataTable.flight-approval .pal-dateTable a{color:rgba(0,0,0,0.87);}
-#expandableRows {order: 1!important;min-width:142px;position: relative;z-index: 2;}
-#expandableRows svg{width:16px;position:absolute;right:20px}
-#expandableRows::before{content:'자세히보기';position:absolute;z-index:-1;left:45%;transform:translateX(-45%);color:rgba(0,0,0,0.6);}
+.sc-AxhCb.sc-AxmLO {order: 1!important;min-width:142px;position: relative;z-index: 2;}
+.sc-AxhCb.sc-AxmLO svg{width:16px;position:absolute;right:20px}
+.sc-AxhCb.sc-AxmLO::before{content:'자세히보기';position:absolute;z-index:-1;left:45%;transform:translateX(-45%);color:rgba(0,0,0,0.6);}
 
 .flight-approval .rdt_TableHeadRow>div{display:none}
 .flight-approval .rdt_TableHeadRow .rdt_TableCol{display:block;font-size:0.8rem;}

src/components/crud/grid/GridDatatable.js

@@ -6,13 +6,6 @@ import { EMPTY_MESSAGE } from '@src/configs/msgConst';
 // DataTable lib 참고
 // https://react-data-table-component.netlify.app/?path=/docs/api-props--page
 export const GridDatabase = props => {
-  useEffect(() => {
-    const el = document.querySelectorAll('.sc-AxhCb.sc-AxmLO');
-    for (let i = 0; i < el.length; i++) {
-      el[i].id = 'expandableRows';
-    }
-  }, [props.data, props.pagination]);
-
   return props[`${props.handlerPageChange ? 'total' : 'count'}`] <= 0 ? (
     <div className='d-flex justify-content-center align-items-center h-100'>
       <p>{EMPTY_MESSAGE}</p>