#38

src/Pages/Categories/useTableColumns.tsx

@@ -18,11 +18,10 @@ const useTableColumns :any = () => {
  
       {
         name: t("id"),
-        sortable: false,
-        center: "true",
-        cell: (row:any) => row?.id
-      },
-      {
+        sortable: true, // Enable sorting for id column
+        center: true,
+        selector: (row: any) => row.id, // Specify selector function for sorting
+      },      {
         name: t("name"),
         sortable: false,
         center: "true",

src/Pages/Coupon/useTableColumns.tsx

@@ -20,11 +20,10 @@ const useTableColumns :any = () => {
  
       {
         name: t("id"),
-        sortable: false,
-        center: "true",
-        cell: (row:any) => row?.id
-      },
-      {
+        sortable: true, // Enable sorting for id column
+        center: true,
+        selector: (row: any) => row.id, // Specify selector function for sorting
+      },      {
         name: t("name"),
         sortable: false,
         center: "true",

src/Pages/Notifcation/useTableColumns.tsx

@@ -24,11 +24,10 @@ const useTableColumns: any = () => {
 
       {
         name: t("id"),
-        sortable: false,
-        center: "true",
-        cell: (row:any) => row?.id
-      },
-      {
+        sortable: true, // Enable sorting for id column
+        center: true,
+        selector: (row: any) => row.id, // Specify selector function for sorting
+      },      {
         name: t("name"),
         sortable: false,
         center: "true",

src/Pages/Products/useTableColumns.tsx

@@ -31,11 +31,10 @@ const useTableColumns :any = () => {
     () => [
       {
         name: t("id"),
-        sortable: false,
-        center: "true",
-        cell: (row:any) => row?.id
-      },
-      {
+        sortable: true, // Enable sorting for id column
+        center: true,
+        selector: (row: any) => row.id, // Specify selector function for sorting
+      },      {
         name: t("name"),
         sortable: false,
         center: true,

src/Pages/Slider/useTableColumns.tsx

@@ -20,11 +20,10 @@ const useTableColumns :any = () => {
  
       {
         name: t("id"),
-        sortable: false,
-        center: "true",
-        cell: (row:any) => row?.id
-      },
-      {
+        sortable: true, // Enable sorting for id column
+        center: true,
+        selector: (row: any) => row.id, // Specify selector function for sorting
+      },      {
         name: t("title"),
         sortable: false,
         center: "true",

src/Pages/Users/useTableColumns.tsx

@@ -37,11 +37,10 @@ const useTableColumns: any = () => {
 
       {
         name: t("id"),
-        sortable: false,
-        center: "true",
-        cell: (row:any) => row?.id
+        sortable: true, // Enable sorting for id column
+        center: true,
+        selector: (row: any) => row.id, // Specify selector function for sorting
       },
-
       {
         name: t("avatar"),
         sortable: false,

src/Pages/order/useTableColumns.tsx

@@ -13,10 +13,10 @@ const useTableColumns = () => {
    
     let column =  [
       {
-        name: t("order_code"),
-        sortable: false,
+        name: t("id"),
+        sortable: true, // Enable sorting for id column
         center: true,
-        selector:(row:any) => row?.id,
+        selector: (row: any) => row.id, // Specify selector function for sorting
       },  
       {
         name: t("name"),