vuetify 3.5.4 → 3.5.6

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;
@@ -239,6 +239,219 @@ type VDataTableHeadersSlots = {
 } & {
     [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps;
 };
+declare const VDataTableHeaders: {
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
+        sticky: boolean;
+        multiSort: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+    } & {
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        headerProps?: Record<string, any> | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            [x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            [x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        [x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        sticky: boolean;
+        multiSort: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+    } & {
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        headerProps?: Record<string, any> | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            [x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            [x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        [x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+    }, {
+        sticky: boolean;
+        multiSort: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+    }, true, {}, vue.SlotsType<Partial<{
+        [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        headers: (arg: HeadersSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {
+        sticky: boolean;
+        multiSort: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+    } & {
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
+        headerProps?: Record<string, any> | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            [x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            [x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+            'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        [x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+    }, {}, {}, {}, {}, {
+        sticky: boolean;
+        multiSort: boolean;
+        sortAscIcon: IconValue;
+        sortDescIcon: IconValue;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    sticky: boolean;
+    multiSort: boolean;
+    sortAscIcon: IconValue;
+    sortDescIcon: IconValue;
+} & {
+    color?: string | undefined;
+    loading?: string | boolean | undefined;
+    headerProps?: Record<string, any> | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        [x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+        loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        [x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+        loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+        'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    [x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+    "v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
+    "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
+    "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+    "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    sticky: boolean;
+    multiSort: boolean;
+    sortAscIcon: IconValue;
+    sortDescIcon: IconValue;
+}, {}, string, vue.SlotsType<Partial<{
+    [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    headers: (arg: HeadersSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    loading: (StringConstructor | BooleanConstructor)[];
+    color: StringConstructor;
+    sticky: BooleanConstructor;
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    sortDescIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    headerProps: {
+        type: PropType<Record<string, any>>;
+    };
+}, vue.ExtractPropTypes<{
+    loading: (StringConstructor | BooleanConstructor)[];
+    color: StringConstructor;
+    sticky: BooleanConstructor;
+    multiSort: BooleanConstructor;
+    sortAscIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    sortDescIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    headerProps: {
+        type: PropType<Record<string, any>>;
+    };
+}>>;
+type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>;
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
@@ -643,27 +856,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 +879,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 +929,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 +1167,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 +1278,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 +1301,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 +1474,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 +1503,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 +1656,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 +1673,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 +1854,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 +1871,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 +2249,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 +2266,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 +2341,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 +2358,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 +2569,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 +2586,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 +2686,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 +2703,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 +2980,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 +2997,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 +3123,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 +3140,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 +3235,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 +3252,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 +3343,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 +3360,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 +3615,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 +3632,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 +3760,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 +3777,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 +4120,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 +4137,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 +4314,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 +4331,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[]>;
@@ -3938,4 +4389,4 @@ declare const VDataTableServer: {
 }>>;
 type VDataTableServer = InstanceType<typeof VDataTableServer>;
 
-export { VDataTable, VDataTableFooter, VDataTableRow, VDataTableRows, VDataTableServer, VDataTableVirtual };
+export { VDataTable, VDataTableFooter, VDataTableHeaders, VDataTableRow, VDataTableRows, VDataTableServer, VDataTableVirtual };