updated

src/Constants/Constants.js

@@ -2,7 +2,9 @@
 import dns from "node:dns"
 
 
-
+export const generateSerialNumber = (index, currentPage, pageSize) => {
+  return (currentPage - 1) * pageSize + (index + 1);
+};
 
 export function getTomorrowDate() {
   const today = new Date();

src/Pages/Investor_Management/InvestorDetails/InvestorDetails.jsx

@@ -38,6 +38,7 @@ import { debounce } from "../../Master/Sponser/AddSponser";
 import InvestmentDetailsEdit from "./InvestmentDetailsEdit";
 import { useGetInvestorsQuery } from "../../../Services/investor.details.service";
 import { TABLE_PAGINATION } from "../../../Constants/Paginations";
+import { generateSerialNumber } from "../../../Constants/Constants";
 
 const formatDate = (date) => new Date(date).toLocaleDateString(); // Simple date formatter
 
@@ -81,7 +82,7 @@ const InvestorDetails = () => {
 
   // ====================================================[Table Setup]================================================================
   const tableHeadRow = [
-    // "Sr N/O",
+    "Sr No",
     "Client ID",
     "First Name",
     "Last Name",
@@ -125,16 +126,19 @@ const InvestorDetails = () => {
   });
 
 
-  const extractedArray = filteredData?.map((item) => ({
+  const extractedArray = filteredData?.map((item, idx) => ({
     id: item?.id,
-    "Sr N/O": (
+    "Sr No": (
       <Text
+      w={'24px'}
         justifyContent={slideFromRight ? "right" : "left"}
         as={"span"}
         color={"gray.600"}
         className="d-flex align-items-center fw-bold web-text-small"
       >
-        {item.id}
+        {/* {item.id} */}
+        {generateSerialNumber(idx,currentPage, pageSize )}
+        
       </Text>
     ),
     "Client ID": (