grid loading

src/assets/css/custom.css

@@ -785,3 +785,7 @@ background-size: 75% auto;
 
 .pal-modal-body{padding:0;}
 .pal-modal-body .pal-card-box + .pal-card-box{margin-top:0;}
+
+/*그리드 로딩*/
+.grid-loading{width:100%;height:100%;position: absolute;background:rgba(35, 41, 58, 0.7);z-index:999;display:flex;align-items:center;justify-content: center;text-align:center;}
+.grid-loading span{display:block;font-weight:500;margin-top:4px;}

src/components/basis/group/BasisGroupGrid.js

@@ -17,7 +17,8 @@ import {
   Button,
   Input,
   CustomInput,
-  FormGroup
+  FormGroup,
+  Spinner
 } from 'reactstrap';
 import { ExcelExportButton } from '../../crud/excel/ExcelExportButton';
 
@@ -43,6 +44,9 @@ export const BasisGroupGrid = props => {
           </div>
           <div className='invoice-list-wrapper'>
             <Card>
+              <div className='grid-loading'>
+                <p><Spinner color='primary' /><span>Loading...</span></p>
+              </div>
               <div className='invoice-list-dataTable'>
                 <GridDatabase
                   title={'비행이력'}