stable changes for adding to product but working on making it better...

src/core/components/DataTable/Main.js

@@ -26,6 +26,7 @@ const DataTable_Main = (props) => {
     } = props;
     const flatColumns = flattenArrayOfObjects(columns, "columns");
     const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
+    const [totalRowCount, setTotalRowCount] = useState(0);
     const flattenHideData = flattenObjectOfObjects(hideData);
     const onSortingChange = (event) => {
         setSortData(event);
@@ -51,6 +52,7 @@ const DataTable_Main = (props) => {
     const fetcher = async (url) => {
         try {
             const response = await request(url);
+            setTotalRowCount(response.data?.meta?.totalRowCount);
             if (specific_data) {
                 return specific_data(response.data);
             } else {
@@ -112,6 +114,7 @@ const DataTable_Main = (props) => {
         manualSorting: true,
         onPaginationChange: setPagination,
         onSortingChange: onSortingChange,
+        rowCount: totalRowCount,
         renderTopToolbarCustomActions: ({ table }) => <>{TableToolbar && <TableToolbar mutate={mutate} />}</>,
         renderRowActions: ({ row }) => <RowActions row={row} mutate={mutate} />,
         ...props,

src/core/components/DataTable/index.js

@@ -8,6 +8,7 @@ const DataTable = (props) => {
             page_name={props.page_name}
             table_name={props.table_name}
             columns={props.columns}
+            initialSort={props.sorting}
         >
             <DataTable_Main {...props} />
         </DataTableProvider>