New Changes with Column Type

src/components/Table.astro

@@ -73,7 +73,13 @@ const id = `table-${Math.random().toString(36).slice(2, 9)}`;
                                         col.width ? `width:${col.width}` : ""
                                     }
                                     data-sort-key={
-                                        col.sortable ? col.key : undefined
+                                        col.sortable
+                                            ? col.alias
+                                                ? col.alias +
+                                                  "." +
+                                                  (col.key as any)
+                                                : col.key
+                                            : undefined
                                     }
                                 >
                                     <div class="wr:flex wr:items-center wr:gap-1">

src/types/table/types.ts

@@ -14,6 +14,7 @@ export type ClassNames = {
 export interface Column<T> {
     key: keyof T | string;
     label: string;
+    alias?: string;
     path?: string;
     sortable?: boolean;
     searchable?: boolean;