pref : Optimize the user list display

Author: cxymds

components/data-table/useDataTable.ts

@@ -31,6 +31,7 @@ export interface UseDataTableOptions<TData extends RowData> {
    * @default false
    */
   enableRowSelection?: boolean
+  initialSorting?: SortingState
 }
 
 export interface UseDataTableReturn<TData extends RowData> {
@@ -74,7 +75,7 @@ function createSelectColumn<TData extends RowData>(): ColumnDef<TData> {
 }
 
 export function useDataTable<TData extends RowData>(options: UseDataTableOptions<TData>): UseDataTableReturn<TData> {
-  const sorting = ref<SortingState>([])
+  const sorting = ref<SortingState>(options.initialSorting ?? [])
   const columnFilters = ref<ColumnFiltersState>([])
   const rowSelection = ref<RowSelectionState>({})
   const pagination = ref<PaginationState>({

i18n/locales/de-DE.json

@@ -418,6 +418,7 @@
   "Master Key (CMK)": "Master Key (CMK)",
   "Master Keys (CMK)": "Master Keys (CMK)",
   "Max 50TB": "Max 50TB",
+  "Member Of": "Member Of",
   "Members": "Members",
   "Memory Critical": "Memory Critical",
   "Memory High": "Memory High",
@@ -790,6 +791,8 @@
   "Update License": "Update License",
   "Update Success": "Update Success",
   "Update failed": "Update failed",
+  "Update success": "Update success",
+  "Updated At": "Updated At",
   "Updated successfully": "Updated successfully",
   "Upload": "Upload",
   "Upload File": "Upload File",