diff --git a/src/components/common/table/CustomTable.js b/src/components/common/table/CustomTable.js index d8eefc010c1d3313ab3ec68703e2a9e54af161e8..2dadc74159423d19ef016d662541b30b619ab15f 100644 --- a/src/components/common/table/CustomTable.js +++ b/src/components/common/table/CustomTable.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Paper } from '@material-ui/core'; +import { LinearProgress, Paper } from '@material-ui/core'; import { DataTable } from 'primereact/datatable'; import { Column } from 'primereact/column'; import 'primeicons/primeicons.css'; @@ -10,9 +10,7 @@ import 'primeflex/primeflex.css'; import './CustomTable.css'; export function CustomTable(props) { - const {columns, rows, handleRowClick, totalCount, lazyParams, setLazyParams, columnSort, setColumnSort, rowsPerPage} = props; - -//const [loading, setLoading] = useState(false); + const {columns, rows, handleRowClick, totalCount, lazyParams, setLazyParams, columnSort, setColumnSort, rowsPerPage, loading=false} = props; const dynamicColumns = columns.map((col,i) => { return <Column key={col.id} field={col.id} header={col.label} style={{width: col.width}} body={col.body} sortable={col.sortable}/>; @@ -84,6 +82,7 @@ export function CustomTable(props) { onRowClick={(event) => handleClick(event)} rowClassName={rowClassName} totalRecords={totalCount} + emptyMessage={loading ? <LinearProgress /> : "No records found"} > {dynamicColumns} </DataTable>