diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index f2fa1ec1..fc3d948d 100644 --- a/src/assets/css/custom.css +++ b/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;} diff --git a/src/components/crud/grid/GridDatatable.js b/src/components/crud/grid/GridDatatable.js index 8fd13868..ae39510e 100644 --- a/src/components/crud/grid/GridDatatable.js +++ b/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]); - return props[`${props.handlerPageChange ? 'total' : 'count'}`] <= 0 ? (

{EMPTY_MESSAGE}