|
|
@ -7,57 +7,38 @@ import { |
|
|
|
File, |
|
|
|
File, |
|
|
|
ChevronDown |
|
|
|
ChevronDown |
|
|
|
} from 'react-feather'; |
|
|
|
} from 'react-feather'; |
|
|
|
import { useSelector } from 'react-redux'; |
|
|
|
|
|
|
|
import LoadingSpinner from '../../../@core/components/spinner/Loading-spinner'; |
|
|
|
|
|
|
|
import { Spinner } from 'reactstrap'; |
|
|
|
|
|
|
|
export const GridDatabase = props => { |
|
|
|
|
|
|
|
const { loading } = useSelector(state => state.loadingReducer); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export const GridDatabase = props => { |
|
|
|
return props[`${props.handlerPageChange ? 'total' : 'count'}`] <= 0 ? ( |
|
|
|
return props[`${props.handlerPageChange ? 'total' : 'count'}`] <= 0 ? ( |
|
|
|
<div className='no-dataTable'>표시할 데이터가 없습니다.</div> |
|
|
|
<div className='no-dataTable'>표시할 데이터가 없습니다.</div> |
|
|
|
) : ( |
|
|
|
) : ( |
|
|
|
<DataTable |
|
|
|
<> |
|
|
|
noHeader |
|
|
|
<DataTable |
|
|
|
pagination={props.pagination} |
|
|
|
noHeader |
|
|
|
paginationTotalRows={props.total} |
|
|
|
pagination={props.pagination} |
|
|
|
// paginationServer
|
|
|
|
paginationTotalRows={props.total} |
|
|
|
subHeader={false} |
|
|
|
// paginationServer
|
|
|
|
columns={props.columns} |
|
|
|
subHeader={false} |
|
|
|
responsive={true} |
|
|
|
columns={props.columns} |
|
|
|
sortIcon={<ChevronDown />} |
|
|
|
responsive={true} |
|
|
|
className='react-dataTable pal-dateTable' |
|
|
|
sortIcon={<ChevronDown />} |
|
|
|
// defaultSortField='invoiceId'
|
|
|
|
className='react-dataTable pal-dateTable' |
|
|
|
// paginationDefaultPage={currentPage}
|
|
|
|
// defaultSortField='invoiceId'
|
|
|
|
// paginationComponent={CustomPagination}
|
|
|
|
// paginationDefaultPage={currentPage}
|
|
|
|
data={props.data} |
|
|
|
// paginationComponent={CustomPagination}
|
|
|
|
paginationServer={ |
|
|
|
data={props.data} |
|
|
|
props.pagination && props.handlerPageChange ? true : false |
|
|
|
paginationServer={ |
|
|
|
} |
|
|
|
props.pagination && props.handlerPageChange ? true : false |
|
|
|
onSelectedRowsChange={ |
|
|
|
} |
|
|
|
props.onSelectedRowsChange ? props.onSelectedRowsChange : null |
|
|
|
onSelectedRowsChange={ |
|
|
|
} |
|
|
|
props.onSelectedRowsChange ? props.onSelectedRowsChange : null |
|
|
|
selectableRows={props.selectableRows} |
|
|
|
} |
|
|
|
onChangePage={props.pagination ? props.handlerPageChange : null} |
|
|
|
selectableRows={props.selectableRows} |
|
|
|
paginationComponentOptions={{ |
|
|
|
onChangePage={props.pagination ? props.handlerPageChange : null} |
|
|
|
noRowsPerPage: props.handlerPageChange ? true : false |
|
|
|
paginationComponentOptions={{ |
|
|
|
}} |
|
|
|
noRowsPerPage: props.handlerPageChange ? true : false |
|
|
|
progressPending={props.handlerPageChange ? loading : false} |
|
|
|
}} |
|
|
|
progressComponent={ |
|
|
|
/> |
|
|
|
<div |
|
|
|
</> |
|
|
|
style={{ |
|
|
|
|
|
|
|
width: '100%', |
|
|
|
|
|
|
|
height: '504px', |
|
|
|
|
|
|
|
backgroundColor: 'rgba(35, 41, 58, 0.7)' |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div className='grid-loading'> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<Spinner color='primary' /> |
|
|
|
|
|
|
|
<span>Loading...</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
); |
|
|
|
); |
|
|
|
}; |
|
|
|
}; |
|
|
|