|
|
@ -1,11 +1,20 @@ |
|
|
|
import DataTable from 'react-data-table-component'; |
|
|
|
import DataTable from 'react-data-table-component'; |
|
|
|
import { ChevronDown } from 'react-feather'; |
|
|
|
import { ChevronDown } from 'react-feather'; |
|
|
|
import { useEffect } from 'react'; |
|
|
|
import { useEffect, useLayoutEffect } from 'react'; |
|
|
|
import { EMPTY_MESSAGE } from '@src/configs/msgConst'; |
|
|
|
import { EMPTY_MESSAGE } from '@src/configs/msgConst'; |
|
|
|
|
|
|
|
|
|
|
|
// DataTable lib 참고
|
|
|
|
// DataTable lib 참고
|
|
|
|
// https://react-data-table-component.netlify.app/?path=/docs/api-props--page
|
|
|
|
// https://react-data-table-component.netlify.app/?path=/docs/api-props--page
|
|
|
|
export const GridDatabase = props => { |
|
|
|
export const GridDatabase = props => { |
|
|
|
|
|
|
|
// useEffect(() => {
|
|
|
|
|
|
|
|
// const tableBody = document.querySelector('.rdt_TableBody').childNodes;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// for (let i = 0; i < tableBody.length; i++) {
|
|
|
|
|
|
|
|
// const el = document.querySelector(`#row-${i}`);
|
|
|
|
|
|
|
|
// el.firstChild.id = 'expandableRows';
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
// }, [props.data]);
|
|
|
|
|
|
|
|
|
|
|
|
return props[`${props.handlerPageChange ? 'total' : 'count'}`] <= 0 ? ( |
|
|
|
return props[`${props.handlerPageChange ? 'total' : 'count'}`] <= 0 ? ( |
|
|
|
<div className='d-flex justify-content-center align-items-center h-100'> |
|
|
|
<div className='d-flex justify-content-center align-items-center h-100'> |
|
|
|
<p>{EMPTY_MESSAGE}</p> |
|
|
|
<p>{EMPTY_MESSAGE}</p> |
|
|
|