vuetify 3.5.4 → 3.5.5

package/lib/components/VDataTable/index.d.mts

@@ -114,9 +114,9 @@ interface InternalItem<T = any> {
 }
 
 type DataTableCompareFunction<T = any> = (a: T, b: T) => number;
-type DataTableHeader = {
+type DataTableHeader<T = Record<string, any>> = {
     key?: 'data-table-group' | 'data-table-select' | 'data-table-expand' | (string & {});
-    value?: SelectItemKey;
+    value?: SelectItemKey<T>;
     title?: string;
     fixed?: boolean;
     align?: 'start' | 'end' | 'center';
@@ -129,7 +129,7 @@ type DataTableHeader = {
     sort?: DataTableCompareFunction;
     sortRaw?: DataTableCompareFunction;
     filter?: FilterFunction;
-    children?: DataTableHeader[];
+    children?: DataTableHeader<T>[];
 };
 type InternalDataTableHeader = Omit<DataTableHeader, 'key' | 'value' | 'children'> & {
     key: string | null;
@@ -643,27 +643,6 @@ declare const VDataTable: {
         color?: string | undefined;
         loading?: string | boolean | undefined;
         class?: any;
-        headers?: readonly {
-            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
-            readonly title?: string | undefined;
-            readonly fixed?: boolean | undefined;
-            readonly align?: "center" | "end" | "start" | undefined;
-            readonly width?: string | number | undefined;
-            readonly minWidth?: string | undefined;
-            readonly maxWidth?: string | undefined;
-            readonly headerProps?: {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: DataTableCompareFunction<any> | undefined;
-            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
-            readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
-        }[] | undefined;
         theme?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
@@ -687,7 +666,7 @@ declare const VDataTable: {
         'update:groupBy': (value: any) => boolean;
         'update:expanded': (value: any) => boolean;
         'update:currentItems': (value: any) => boolean;
-    }, "$children" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "headers" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         page: string | number;
         style: vue.StyleValue;
         expanded: readonly string[];
@@ -737,27 +716,6 @@ declare const VDataTable: {
         color?: string | undefined;
         loading?: string | boolean | undefined;
         class?: any;
-        headers?: readonly {
-            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
-            readonly title?: string | undefined;
-            readonly fixed?: boolean | undefined;
-            readonly align?: "center" | "end" | "start" | undefined;
-            readonly width?: string | number | undefined;
-            readonly minWidth?: string | undefined;
-            readonly maxWidth?: string | undefined;
-            readonly headerProps?: {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: DataTableCompareFunction<any> | undefined;
-            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
-            readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
-        }[] | undefined;
         theme?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
@@ -996,27 +954,6 @@ declare const VDataTable: {
         color?: string | undefined;
         loading?: string | boolean | undefined;
         class?: any;
-        headers?: readonly {
-            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
-            readonly title?: string | undefined;
-            readonly fixed?: boolean | undefined;
-            readonly align?: "center" | "end" | "start" | undefined;
-            readonly width?: string | number | undefined;
-            readonly minWidth?: string | undefined;
-            readonly maxWidth?: string | undefined;
-            readonly headerProps?: {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: DataTableCompareFunction<any> | undefined;
-            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
-            readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
-        }[] | undefined;
         theme?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
@@ -1128,27 +1065,6 @@ declare const VDataTable: {
     color?: string | undefined;
     loading?: string | boolean | undefined;
     class?: any;
-    headers?: readonly {
-        readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
-        readonly title?: string | undefined;
-        readonly fixed?: boolean | undefined;
-        readonly align?: "center" | "end" | "start" | undefined;
-        readonly width?: string | number | undefined;
-        readonly minWidth?: string | undefined;
-        readonly maxWidth?: string | undefined;
-        readonly headerProps?: {
-            readonly [x: string]: any;
-        } | undefined;
-        readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
-            readonly [x: string]: any;
-        } | undefined;
-        readonly sortable?: boolean | undefined;
-        readonly sort?: DataTableCompareFunction<any> | undefined;
-        readonly sortRaw?: DataTableCompareFunction<any> | undefined;
-        readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
-    }[] | undefined;
     theme?: string | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
@@ -1172,7 +1088,7 @@ declare const VDataTable: {
     'update:groupBy': (value: any) => boolean;
     'update:expanded': (value: any) => boolean;
     'update:currentItems': (value: any) => boolean;
-}, "$children" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
+}, "$children" | "headers" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
     page: string | number;
     style: vue.StyleValue;
     expanded: readonly string[];
@@ -1345,6 +1261,27 @@ declare const VDataTable: {
     rowProps?: RowProps<ItemType$2<T>> | undefined;
     cellProps?: CellProps<ItemType$2<T>> | undefined;
     itemSelectable?: SelectItemKey<ItemType$2<T>>;
+    headers?: readonly {
+        readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+        readonly value?: SelectItemKey<ItemType$2<T>>;
+        readonly title?: string | undefined;
+        readonly fixed?: boolean | undefined;
+        readonly align?: "center" | "end" | "start" | undefined;
+        readonly width?: string | number | undefined;
+        readonly minWidth?: string | undefined;
+        readonly maxWidth?: string | undefined;
+        readonly headerProps?: {
+            readonly [x: string]: any;
+        } | undefined;
+        readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+            readonly [x: string]: any;
+        } | undefined;
+        readonly sortable?: boolean | undefined;
+        readonly sort?: DataTableCompareFunction<any> | undefined;
+        readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+        readonly filter?: FilterFunction | undefined;
+        readonly children?: readonly any[] | undefined;
+    }[] | undefined;
     modelValue?: V | undefined;
     'onUpdate:modelValue'?: ((value: V) => void) | undefined;
 }, slots: VDataTableSlots<ItemType$2<T>>) => GenericProps<{
@@ -1353,6 +1290,27 @@ declare const VDataTable: {
     rowProps?: RowProps<ItemType$2<T>> | undefined;
     cellProps?: CellProps<ItemType$2<T>> | undefined;
     itemSelectable?: SelectItemKey<ItemType$2<T>>;
+    headers?: readonly {
+        readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+        readonly value?: SelectItemKey<ItemType$2<T>>;
+        readonly title?: string | undefined;
+        readonly fixed?: boolean | undefined;
+        readonly align?: "center" | "end" | "start" | undefined;
+        readonly width?: string | number | undefined;
+        readonly minWidth?: string | undefined;
+        readonly maxWidth?: string | undefined;
+        readonly headerProps?: {
+            readonly [x: string]: any;
+        } | undefined;
+        readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+            readonly [x: string]: any;
+        } | undefined;
+        readonly sortable?: boolean | undefined;
+        readonly sort?: DataTableCompareFunction<any> | undefined;
+        readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+        readonly filter?: FilterFunction | undefined;
+        readonly children?: readonly any[] | undefined;
+    }[] | undefined;
     modelValue?: V | undefined;
     'onUpdate:modelValue'?: ((value: V) => void) | undefined;
 }, VDataTableSlots<ItemType$2<T>>>) & FilterPropsOptions<{
@@ -1485,7 +1443,7 @@ declare const VDataTable: {
     returnObject: BooleanConstructor;
     headers: vue.PropType<readonly {
         readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
+        readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
         readonly align?: "center" | "end" | "start" | undefined;
@@ -1502,7 +1460,27 @@ declare const VDataTable: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
+        readonly children?: readonly {
+            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: "center" | "end" | "start" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction<any> | undefined;
+            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly children?: readonly any[] | undefined;
+        }[] | undefined;
     }[]>;
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
@@ -1663,7 +1641,7 @@ declare const VDataTable: {
     returnObject: BooleanConstructor;
     headers: vue.PropType<readonly {
         readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
+        readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
         readonly align?: "center" | "end" | "start" | undefined;
@@ -1680,7 +1658,27 @@ declare const VDataTable: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
+        readonly children?: readonly {
+            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: "center" | "end" | "start" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction<any> | undefined;
+            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly children?: readonly any[] | undefined;
+        }[] | undefined;
     }[]>;
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
@@ -2038,7 +2036,7 @@ declare const VDataTableVirtual: {
         class?: any;
         headers?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
+            readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
             readonly align?: "center" | "end" | "start" | undefined;
@@ -2055,7 +2053,27 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
+            readonly children?: readonly {
+                readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+                readonly value?: SelectItemKey<Record<string, any>>;
+                readonly title?: string | undefined;
+                readonly fixed?: boolean | undefined;
+                readonly align?: "center" | "end" | "start" | undefined;
+                readonly width?: string | number | undefined;
+                readonly minWidth?: string | undefined;
+                readonly maxWidth?: string | undefined;
+                readonly headerProps?: {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly sortable?: boolean | undefined;
+                readonly sort?: DataTableCompareFunction<any> | undefined;
+                readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+                readonly filter?: FilterFunction | undefined;
+                readonly children?: readonly any[] | undefined;
+            }[] | undefined;
         }[] | undefined;
         theme?: string | undefined;
         customFilter?: FilterFunction | undefined;
@@ -2110,7 +2128,7 @@ declare const VDataTableVirtual: {
         class?: any;
         headers?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
+            readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
             readonly align?: "center" | "end" | "start" | undefined;
@@ -2127,7 +2145,27 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
+            readonly children?: readonly {
+                readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+                readonly value?: SelectItemKey<Record<string, any>>;
+                readonly title?: string | undefined;
+                readonly fixed?: boolean | undefined;
+                readonly align?: "center" | "end" | "start" | undefined;
+                readonly width?: string | number | undefined;
+                readonly minWidth?: string | undefined;
+                readonly maxWidth?: string | undefined;
+                readonly headerProps?: {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly sortable?: boolean | undefined;
+                readonly sort?: DataTableCompareFunction<any> | undefined;
+                readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+                readonly filter?: FilterFunction | undefined;
+                readonly children?: readonly any[] | undefined;
+            }[] | undefined;
         }[] | undefined;
         theme?: string | undefined;
         customFilter?: FilterFunction | undefined;
@@ -2318,7 +2356,7 @@ declare const VDataTableVirtual: {
         class?: any;
         headers?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
+            readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
             readonly align?: "center" | "end" | "start" | undefined;
@@ -2335,7 +2373,27 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
+            readonly children?: readonly {
+                readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+                readonly value?: SelectItemKey<Record<string, any>>;
+                readonly title?: string | undefined;
+                readonly fixed?: boolean | undefined;
+                readonly align?: "center" | "end" | "start" | undefined;
+                readonly width?: string | number | undefined;
+                readonly minWidth?: string | undefined;
+                readonly maxWidth?: string | undefined;
+                readonly headerProps?: {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly sortable?: boolean | undefined;
+                readonly sort?: DataTableCompareFunction<any> | undefined;
+                readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+                readonly filter?: FilterFunction | undefined;
+                readonly children?: readonly any[] | undefined;
+            }[] | undefined;
         }[] | undefined;
         theme?: string | undefined;
         customFilter?: FilterFunction | undefined;
@@ -2415,7 +2473,7 @@ declare const VDataTableVirtual: {
     class?: any;
     headers?: readonly {
         readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
+        readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
         readonly align?: "center" | "end" | "start" | undefined;
@@ -2432,7 +2490,27 @@ declare const VDataTableVirtual: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
+        readonly children?: readonly {
+            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: "center" | "end" | "start" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction<any> | undefined;
+            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly children?: readonly any[] | undefined;
+        }[] | undefined;
     }[] | undefined;
     theme?: string | undefined;
     customFilter?: FilterFunction | undefined;
@@ -2689,7 +2767,7 @@ declare const VDataTableVirtual: {
     returnObject: BooleanConstructor;
     headers: vue.PropType<readonly {
         readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
+        readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
         readonly align?: "center" | "end" | "start" | undefined;
@@ -2706,7 +2784,27 @@ declare const VDataTableVirtual: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
+        readonly children?: readonly {
+            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: "center" | "end" | "start" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction<any> | undefined;
+            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly children?: readonly any[] | undefined;
+        }[] | undefined;
     }[]>;
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
@@ -2812,7 +2910,7 @@ declare const VDataTableVirtual: {
     returnObject: BooleanConstructor;
     headers: vue.PropType<readonly {
         readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
+        readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
         readonly align?: "center" | "end" | "start" | undefined;
@@ -2829,7 +2927,27 @@ declare const VDataTableVirtual: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
+        readonly children?: readonly {
+            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: "center" | "end" | "start" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction<any> | undefined;
+            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly children?: readonly any[] | undefined;
+        }[] | undefined;
     }[]>;
     expandOnClick: BooleanConstructor;
     showExpand: BooleanConstructor;
@@ -2904,7 +3022,7 @@ declare const VDataTableServer: {
         class?: any;
         headers?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
+            readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
             readonly align?: "center" | "end" | "start" | undefined;
@@ -2921,7 +3039,27 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
+            readonly children?: readonly {
+                readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+                readonly value?: SelectItemKey<Record<string, any>>;
+                readonly title?: string | undefined;
+                readonly fixed?: boolean | undefined;
+                readonly align?: "center" | "end" | "start" | undefined;
+                readonly width?: string | number | undefined;
+                readonly minWidth?: string | undefined;
+                readonly maxWidth?: string | undefined;
+                readonly headerProps?: {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly sortable?: boolean | undefined;
+                readonly sort?: DataTableCompareFunction<any> | undefined;
+                readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+                readonly filter?: FilterFunction | undefined;
+                readonly children?: readonly any[] | undefined;
+            }[] | undefined;
         }[] | undefined;
         theme?: string | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
@@ -2992,7 +3130,7 @@ declare const VDataTableServer: {
         class?: any;
         headers?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
+            readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
             readonly align?: "center" | "end" | "start" | undefined;
@@ -3009,7 +3147,27 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
+            readonly children?: readonly {
+                readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+                readonly value?: SelectItemKey<Record<string, any>>;
+                readonly title?: string | undefined;
+                readonly fixed?: boolean | undefined;
+                readonly align?: "center" | "end" | "start" | undefined;
+                readonly width?: string | number | undefined;
+                readonly minWidth?: string | undefined;
+                readonly maxWidth?: string | undefined;
+                readonly headerProps?: {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly sortable?: boolean | undefined;
+                readonly sort?: DataTableCompareFunction<any> | undefined;
+                readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+                readonly filter?: FilterFunction | undefined;
+                readonly children?: readonly any[] | undefined;
+            }[] | undefined;
         }[] | undefined;
         theme?: string | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
@@ -3244,7 +3402,7 @@ declare const VDataTableServer: {
         class?: any;
         headers?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-            readonly value?: SelectItemKey;
+            readonly value?: SelectItemKey<Record<string, any>>;
             readonly title?: string | undefined;
             readonly fixed?: boolean | undefined;
             readonly align?: "center" | "end" | "start" | undefined;
@@ -3261,7 +3419,27 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
-            readonly children?: readonly any[] | undefined;
+            readonly children?: readonly {
+                readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+                readonly value?: SelectItemKey<Record<string, any>>;
+                readonly title?: string | undefined;
+                readonly fixed?: boolean | undefined;
+                readonly align?: "center" | "end" | "start" | undefined;
+                readonly width?: string | number | undefined;
+                readonly minWidth?: string | undefined;
+                readonly maxWidth?: string | undefined;
+                readonly headerProps?: {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                    readonly [x: string]: any;
+                } | undefined;
+                readonly sortable?: boolean | undefined;
+                readonly sort?: DataTableCompareFunction<any> | undefined;
+                readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+                readonly filter?: FilterFunction | undefined;
+                readonly children?: readonly any[] | undefined;
+            }[] | undefined;
         }[] | undefined;
         theme?: string | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
@@ -3369,7 +3547,7 @@ declare const VDataTableServer: {
     class?: any;
     headers?: readonly {
         readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
+        readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
         readonly align?: "center" | "end" | "start" | undefined;
@@ -3386,7 +3564,27 @@ declare const VDataTableServer: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
+        readonly children?: readonly {
+            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: "center" | "end" | "start" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction<any> | undefined;
+            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly children?: readonly any[] | undefined;
+        }[] | undefined;
     }[] | undefined;
     theme?: string | undefined;
     customKeySort?: Record<string, DataTableCompareFunction> | undefined;
@@ -3709,7 +3907,7 @@ declare const VDataTableServer: {
     returnObject: BooleanConstructor;
     headers: vue.PropType<readonly {
         readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
+        readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
         readonly align?: "center" | "end" | "start" | undefined;
@@ -3726,7 +3924,27 @@ declare const VDataTableServer: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
+        readonly children?: readonly {
+            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: "center" | "end" | "start" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction<any> | undefined;
+            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly children?: readonly any[] | undefined;
+        }[] | undefined;
     }[]>;
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
@@ -3883,7 +4101,7 @@ declare const VDataTableServer: {
     returnObject: BooleanConstructor;
     headers: vue.PropType<readonly {
         readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
-        readonly value?: SelectItemKey;
+        readonly value?: SelectItemKey<Record<string, any>>;
         readonly title?: string | undefined;
         readonly fixed?: boolean | undefined;
         readonly align?: "center" | "end" | "start" | undefined;
@@ -3900,7 +4118,27 @@ declare const VDataTableServer: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
-        readonly children?: readonly any[] | undefined;
+        readonly children?: readonly {
+            readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
+            readonly value?: SelectItemKey<Record<string, any>>;
+            readonly title?: string | undefined;
+            readonly fixed?: boolean | undefined;
+            readonly align?: "center" | "end" | "start" | undefined;
+            readonly width?: string | number | undefined;
+            readonly minWidth?: string | undefined;
+            readonly maxWidth?: string | undefined;
+            readonly headerProps?: {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
+                readonly [x: string]: any;
+            } | undefined;
+            readonly sortable?: boolean | undefined;
+            readonly sort?: DataTableCompareFunction<any> | undefined;
+            readonly sortRaw?: DataTableCompareFunction<any> | undefined;
+            readonly filter?: FilterFunction | undefined;
+            readonly children?: readonly any[] | undefined;
+        }[] | undefined;
     }[]>;
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;