vuetify 3.6.0-alpha.2 → 3.6.0

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, JSXComponent, Ref, UnwrapRef } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, Ref, JSXComponent, UnwrapRef } from 'vue';
 
 type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
     $children?: (VNodeChild | (T extends {
@@ -40,9 +40,6 @@ interface LoaderSlotProps {
     isActive: boolean;
 }
 
-type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
-declare const IconValue: PropType<IconValue>;
-
 type ExpandProps = {
     expandOnClick: boolean;
     expanded: readonly string[];
@@ -130,6 +127,7 @@ type DataTableHeader<T = Record<string, any>> = {
     sort?: DataTableCompareFunction;
     sortRaw?: DataTableCompareFunction;
     filter?: FilterFunction;
+    mobile?: boolean;
     children?: DataTableHeader<T>[];
 };
 type InternalDataTableHeader = Omit<DataTableHeader, 'key' | 'value' | 'children'> & {
@@ -138,6 +136,7 @@ type InternalDataTableHeader = Omit<DataTableHeader, 'key' | 'value' | 'children
     sortable: boolean;
     fixedOffset?: number;
     lastFixed?: boolean;
+    nowrap?: boolean;
     colspan?: number;
     rowspan?: number;
     children?: InternalDataTableHeader[];
@@ -211,6 +210,13 @@ declare function provideSelection(props: SelectionProps, { allItems, currentPage
     showSelectAll: boolean;
 };
 
+declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
+type Breakpoint = typeof breakpoints[number];
+type DisplayBreakpoint = 'xs' | Breakpoint;
+
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
 type HeadersSlotProps = {
     headers: InternalDataTableHeader[][];
     columns: InternalDataTableHeader[];
@@ -242,6 +248,7 @@ type VDataTableHeadersSlots = {
 };
 declare const VDataTableHeaders: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
+        mobile: boolean;
         sticky: boolean;
         multiSort: boolean;
         sortAscIcon: IconValue;
@@ -249,6 +256,7 @@ declare const VDataTableHeaders: {
     } & {
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         headerProps?: Record<string, any> | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
@@ -272,6 +280,7 @@ declare const VDataTableHeaders: {
         "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 & {
+        mobile: boolean;
         sticky: boolean;
         multiSort: boolean;
         sortAscIcon: IconValue;
@@ -279,6 +288,7 @@ declare const VDataTableHeaders: {
     } & {
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         headerProps?: Record<string, any> | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
@@ -302,6 +312,7 @@ declare const VDataTableHeaders: {
         "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
     }, {
+        mobile: boolean;
         sticky: boolean;
         multiSort: boolean;
         sortAscIcon: IconValue;
@@ -330,6 +341,7 @@ declare const VDataTableHeaders: {
         M: {};
         Defaults: {};
     }, {
+        mobile: boolean;
         sticky: boolean;
         multiSort: boolean;
         sortAscIcon: IconValue;
@@ -337,6 +349,7 @@ declare const VDataTableHeaders: {
     } & {
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         headerProps?: Record<string, any> | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
@@ -360,6 +373,7 @@ declare const VDataTableHeaders: {
         "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
+        mobile: boolean;
         sticky: boolean;
         multiSort: boolean;
         sortAscIcon: IconValue;
@@ -369,6 +383,7 @@ declare const VDataTableHeaders: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    mobile: boolean;
     sticky: boolean;
     multiSort: boolean;
     sortAscIcon: IconValue;
@@ -376,6 +391,7 @@ declare const VDataTableHeaders: {
 } & {
     color?: string | undefined;
     loading?: string | boolean | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     headerProps?: Record<string, any> | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
@@ -399,6 +415,7 @@ declare const VDataTableHeaders: {
     "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, {
+    mobile: boolean;
     sticky: boolean;
     multiSort: boolean;
     sortAscIcon: IconValue;
@@ -421,6 +438,11 @@ declare const VDataTableHeaders: {
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     loading: (StringConstructor | BooleanConstructor)[];
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
     sticky: BooleanConstructor;
     multiSort: BooleanConstructor;
@@ -437,6 +459,11 @@ declare const VDataTableHeaders: {
     };
 }, vue.ExtractPropTypes<{
     loading: (StringConstructor | BooleanConstructor)[];
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
     sticky: BooleanConstructor;
     multiSort: BooleanConstructor;
@@ -487,30 +514,50 @@ type VDataTableGroupHeaderRowSlots = {
 type VDataTableRowSlots<T> = {
     'item.data-table-select': Omit<ItemKeySlot<T>, 'value'>;
     'item.data-table-expand': Omit<ItemKeySlot<T>, 'value'>;
+    'header.data-table-select': VDataTableHeaderCellColumnSlotProps;
+    'header.data-table-expand': VDataTableHeaderCellColumnSlotProps;
 } & {
     [key: `item.${string}`]: ItemKeySlot<T>;
+    [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps;
 };
 declare const VDataTableRow: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{} & {
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
+        mobile: boolean;
+    } & {
         onClick?: ((args_0: MouseEvent) => void) | undefined;
         onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
         onDblclick?: ((args_0: MouseEvent) => void) | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         index?: number | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "item" | "cellProps" | `v-slot:item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {} & {
+    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "item" | "cellProps" | `v-slot:header.${string}` | `v-slot:item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        mobile: boolean;
+    } & {
         onClick?: ((args_0: MouseEvent) => void) | undefined;
         onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
         onDblclick?: ((args_0: MouseEvent) => void) | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         index?: number | undefined;
-    }, {}, true, {}, vue.SlotsType<Partial<{
+    }, {
+        mobile: boolean;
+    }, true, {}, vue.SlotsType<Partial<{
         [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
+        [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
         'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
         'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => 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: {};
@@ -518,30 +565,49 @@ declare const VDataTableRow: {
         C: {};
         M: {};
         Defaults: {};
-    }, {} & {
+    }, {
+        mobile: boolean;
+    } & {
         onClick?: ((args_0: MouseEvent) => void) | undefined;
         onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
         onDblclick?: ((args_0: MouseEvent) => void) | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         index?: number | undefined;
-    }, {}, {}, {}, {}, {}>;
+    }, {}, {}, {}, {}, {
+        mobile: boolean;
+    }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<{} & {
+} & vue.ComponentOptionsBase<{
+    mobile: boolean;
+} & {
     onClick?: ((args_0: MouseEvent) => void) | undefined;
     onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
     onDblclick?: ((args_0: MouseEvent) => void) | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     index?: number | undefined;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "item" | "cellProps" | `v-slot:item.${string}`>, string, {}, {}, string, vue.SlotsType<Partial<{
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "item" | "cellProps" | `v-slot:header.${string}` | `v-slot:item.${string}`>, string, {
+    mobile: boolean;
+}, {}, string, vue.SlotsType<Partial<{
     [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
+    [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
     'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => 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 & (new <T>(props: {
     item?: DataTableItem<T> | undefined;
     cellProps?: CellProps<T> | undefined;
@@ -549,6 +615,11 @@ declare const VDataTableRow: {
     item?: DataTableItem<T> | undefined;
     cellProps?: CellProps<T> | undefined;
 }, VDataTableRowSlots<T>>) & FilterPropsOptions<{
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     index: NumberConstructor;
     item: PropType<DataTableItem<any>>;
     cellProps: PropType<CellProps<any>>;
@@ -556,6 +627,11 @@ declare const VDataTableRow: {
     onContextmenu: PropType<(args_0: MouseEvent) => void>;
     onDblclick: PropType<(args_0: MouseEvent) => void>;
 }, vue.ExtractPropTypes<{
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     index: NumberConstructor;
     item: PropType<DataTableItem<any>>;
     cellProps: PropType<CellProps<any>>;
@@ -578,27 +654,35 @@ declare const VDataTableRows: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         noDataText: string;
         loadingText: string;
+        mobile: boolean;
         hideNoData: boolean;
     } & {
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         cellProps?: CellProps<any> | undefined;
         rowProps?: RowProps<any> | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | "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">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | `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">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         noDataText: string;
         loadingText: string;
+        mobile: boolean;
         hideNoData: boolean;
     } & {
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         cellProps?: CellProps<any> | undefined;
         rowProps?: RowProps<any> | undefined;
     }, {
         noDataText: string;
         loadingText: string;
+        mobile: boolean;
         hideNoData: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
+        [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
         'data-table-group': (arg: {
             item: Group<any>;
             count: number;
@@ -617,6 +701,12 @@ declare const VDataTableRows: {
         'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => 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;
+        }>[];
         item: (arg: {
             index: number;
             item: unknown;
@@ -654,14 +744,17 @@ declare const VDataTableRows: {
     }, {
         noDataText: string;
         loadingText: string;
+        mobile: boolean;
         hideNoData: boolean;
     } & {
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         cellProps?: CellProps<any> | undefined;
         rowProps?: RowProps<any> | undefined;
     }, {}, {}, {}, {}, {
         noDataText: string;
         loadingText: string;
+        mobile: boolean;
         hideNoData: boolean;
     }>;
     __isFragment?: undefined;
@@ -670,19 +763,25 @@ declare const VDataTableRows: {
 } & vue.ComponentOptionsBase<{
     noDataText: string;
     loadingText: string;
+    mobile: boolean;
     hideNoData: boolean;
 } & {
     loading?: string | boolean | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     cellProps?: CellProps<any> | undefined;
     rowProps?: RowProps<any> | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | "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">, string, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | `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">, string, {
     noDataText: string;
     loadingText: string;
+    mobile: boolean;
     hideNoData: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
+    [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
     'data-table-group': (arg: {
         item: Group<any>;
         count: number;
@@ -701,6 +800,12 @@ declare const VDataTableRows: {
     'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => 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;
+    }>[];
     item: (arg: {
         index: number;
         item: unknown;
@@ -733,6 +838,11 @@ declare const VDataTableRows: {
 }, slots: VDataTableRowsSlots<T>) => GenericProps<{
     items?: readonly (DataTableItem<T> | Group<T>)[] | undefined;
 }, VDataTableRowsSlots<T>>) & FilterPropsOptions<{
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
         type: StringConstructor;
@@ -750,6 +860,11 @@ declare const VDataTableRows: {
     rowProps: PropType<RowProps<any>>;
     cellProps: PropType<CellProps<any>>;
 }, vue.ExtractPropTypes<{
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
         type: StringConstructor;
@@ -816,6 +931,7 @@ declare const VDataTable: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -858,6 +974,7 @@ declare const VDataTable: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
@@ -889,6 +1006,7 @@ declare const VDataTable: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -931,6 +1049,7 @@ declare const VDataTable: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
@@ -953,6 +1072,7 @@ declare const VDataTable: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -991,16 +1111,7 @@ declare const VDataTable: {
         [x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        [x: `header.${string}`]: (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
         'data-table-group': (arg: {
@@ -1021,6 +1132,12 @@ declare const VDataTable: {
         'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => 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;
+        }>[];
         item: (arg: {
             index: number;
             item: any;
@@ -1054,30 +1171,6 @@ declare const VDataTable: {
         loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        'header.data-table-select': (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        'header.data-table-expand': (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
         default: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -1127,6 +1220,7 @@ declare const VDataTable: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -1169,6 +1263,7 @@ declare const VDataTable: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
@@ -1191,6 +1286,7 @@ declare const VDataTable: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -1238,6 +1334,7 @@ declare const VDataTable: {
     sortBy: readonly SortItem[];
     pageText: string;
     page: string | number;
+    mobile: boolean;
     sticky: boolean;
     expanded: readonly string[];
     density: Density;
@@ -1280,6 +1377,7 @@ declare const VDataTable: {
     theme?: string | undefined;
     color?: string | undefined;
     loading?: string | boolean | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
@@ -1311,6 +1409,7 @@ declare const VDataTable: {
     sortBy: readonly SortItem[];
     pageText: string;
     page: string | number;
+    mobile: boolean;
     sticky: boolean;
     expanded: readonly string[];
     density: Density;
@@ -1349,16 +1448,7 @@ declare const VDataTable: {
     [x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    [x: `header.${string}`]: (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     'data-table-group': (arg: {
@@ -1379,6 +1469,12 @@ declare const VDataTable: {
     'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => 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;
+    }>[];
     item: (arg: {
         index: number;
         item: any;
@@ -1412,30 +1508,6 @@ declare const VDataTable: {
     loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    'header.data-table-select': (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    'header.data-table-expand': (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
     default: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -1495,6 +1567,7 @@ declare const VDataTable: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly any[] | undefined;
     }[] | undefined;
     modelValue?: V | undefined;
@@ -1525,6 +1598,7 @@ declare const VDataTable: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly any[] | undefined;
     }[] | undefined;
     modelValue?: V | undefined;
@@ -1609,6 +1683,11 @@ declare const VDataTable: {
     height: (StringConstructor | NumberConstructor)[];
     hover: BooleanConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
     sticky: BooleanConstructor;
     multiSort: BooleanConstructor;
@@ -1677,6 +1756,7 @@ declare const VDataTable: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -1697,6 +1777,7 @@ declare const VDataTable: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[]>;
@@ -1809,6 +1890,11 @@ declare const VDataTable: {
     height: (StringConstructor | NumberConstructor)[];
     hover: BooleanConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
     sticky: BooleanConstructor;
     multiSort: BooleanConstructor;
@@ -1877,6 +1963,7 @@ declare const VDataTable: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -1897,6 +1984,7 @@ declare const VDataTable: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[]>;
@@ -2226,6 +2314,7 @@ declare const VDataTableVirtual: {
         noDataText: string;
         loadingText: string;
         sortBy: readonly SortItem[];
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -2255,6 +2344,7 @@ declare const VDataTableVirtual: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
@@ -2280,6 +2370,7 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly {
                 readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -2300,6 +2391,7 @@ declare const VDataTableVirtual: {
                 readonly sort?: DataTableCompareFunction<any> | undefined;
                 readonly sortRaw?: DataTableCompareFunction<any> | undefined;
                 readonly filter?: FilterFunction | undefined;
+                readonly mobile?: boolean | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | undefined;
@@ -2320,6 +2412,7 @@ declare const VDataTableVirtual: {
         noDataText: string;
         loadingText: string;
         sortBy: readonly SortItem[];
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -2349,6 +2442,7 @@ declare const VDataTableVirtual: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
@@ -2374,6 +2468,7 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly {
                 readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -2394,6 +2489,7 @@ declare const VDataTableVirtual: {
                 readonly sort?: DataTableCompareFunction<any> | undefined;
                 readonly sortRaw?: DataTableCompareFunction<any> | undefined;
                 readonly filter?: FilterFunction | undefined;
+                readonly mobile?: boolean | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | undefined;
@@ -2408,6 +2504,7 @@ declare const VDataTableVirtual: {
         noDataText: string;
         loadingText: string;
         sortBy: readonly SortItem[];
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -2433,16 +2530,7 @@ declare const VDataTableVirtual: {
         [x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        [x: `header.${string}`]: (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
         'data-table-group': (arg: {
@@ -2463,6 +2551,12 @@ declare const VDataTableVirtual: {
         'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => 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;
+        }>[];
         item: (arg: {
             index: number;
             item: any;
@@ -2498,30 +2592,6 @@ declare const VDataTableVirtual: {
         loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        'header.data-table-select': (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        'header.data-table-expand': (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
         colgroup: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -2550,6 +2620,7 @@ declare const VDataTableVirtual: {
         noDataText: string;
         loadingText: string;
         sortBy: readonly SortItem[];
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -2579,6 +2650,7 @@ declare const VDataTableVirtual: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
@@ -2604,6 +2676,7 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly {
                 readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -2624,6 +2697,7 @@ declare const VDataTableVirtual: {
                 readonly sort?: DataTableCompareFunction<any> | undefined;
                 readonly sortRaw?: DataTableCompareFunction<any> | undefined;
                 readonly filter?: FilterFunction | undefined;
+                readonly mobile?: boolean | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | undefined;
@@ -2638,6 +2712,7 @@ declare const VDataTableVirtual: {
         noDataText: string;
         loadingText: string;
         sortBy: readonly SortItem[];
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -2669,6 +2744,7 @@ declare const VDataTableVirtual: {
     noDataText: string;
     loadingText: string;
     sortBy: readonly SortItem[];
+    mobile: boolean;
     sticky: boolean;
     expanded: readonly string[];
     density: Density;
@@ -2698,6 +2774,7 @@ declare const VDataTableVirtual: {
     theme?: string | undefined;
     color?: string | undefined;
     loading?: string | boolean | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
@@ -2723,6 +2800,7 @@ declare const VDataTableVirtual: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -2743,6 +2821,7 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[] | undefined;
@@ -2763,6 +2842,7 @@ declare const VDataTableVirtual: {
     noDataText: string;
     loadingText: string;
     sortBy: readonly SortItem[];
+    mobile: boolean;
     sticky: boolean;
     expanded: readonly string[];
     density: Density;
@@ -2788,16 +2868,7 @@ declare const VDataTableVirtual: {
     [x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    [x: `header.${string}`]: (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     'data-table-group': (arg: {
@@ -2818,6 +2889,12 @@ declare const VDataTableVirtual: {
     'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => 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;
+    }>[];
     item: (arg: {
         index: number;
         item: any;
@@ -2853,30 +2930,6 @@ declare const VDataTableVirtual: {
     loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    'header.data-table-select': (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    'header.data-table-expand': (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
     colgroup: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -2945,6 +2998,11 @@ declare const VDataTableVirtual: {
     fixedFooter: BooleanConstructor;
     hover: BooleanConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
     sticky: BooleanConstructor;
     multiSort: BooleanConstructor;
@@ -3013,6 +3071,7 @@ declare const VDataTableVirtual: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -3033,6 +3092,7 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[]>;
@@ -3090,6 +3150,11 @@ declare const VDataTableVirtual: {
     fixedFooter: BooleanConstructor;
     hover: BooleanConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
     sticky: BooleanConstructor;
     multiSort: BooleanConstructor;
@@ -3158,6 +3223,7 @@ declare const VDataTableVirtual: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -3178,6 +3244,7 @@ declare const VDataTableVirtual: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[]>;
@@ -3212,6 +3279,7 @@ declare const VDataTableServer: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -3253,6 +3321,7 @@ declare const VDataTableServer: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
         headerProps?: Record<string, any> | undefined;
         headers?: readonly {
@@ -3275,6 +3344,7 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly {
                 readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -3295,6 +3365,7 @@ declare const VDataTableServer: {
                 readonly sort?: DataTableCompareFunction<any> | undefined;
                 readonly sortRaw?: DataTableCompareFunction<any> | undefined;
                 readonly filter?: FilterFunction | undefined;
+                readonly mobile?: boolean | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | undefined;
@@ -3322,6 +3393,7 @@ declare const VDataTableServer: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -3363,6 +3435,7 @@ declare const VDataTableServer: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
         headerProps?: Record<string, any> | undefined;
         headers?: readonly {
@@ -3385,6 +3458,7 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly {
                 readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -3405,6 +3479,7 @@ declare const VDataTableServer: {
                 readonly sort?: DataTableCompareFunction<any> | undefined;
                 readonly sortRaw?: DataTableCompareFunction<any> | undefined;
                 readonly filter?: FilterFunction | undefined;
+                readonly mobile?: boolean | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | undefined;
@@ -3424,6 +3499,7 @@ declare const VDataTableServer: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -3460,16 +3536,7 @@ declare const VDataTableServer: {
         [x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        [x: `header.${string}`]: (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
         'data-table-group': (arg: {
@@ -3490,6 +3557,12 @@ declare const VDataTableServer: {
         'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => 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;
+        }>[];
         item: (arg: {
             index: number;
             item: any;
@@ -3523,30 +3596,6 @@ declare const VDataTableServer: {
         loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        'header.data-table-select': (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        'header.data-table-expand': (arg: {
-            column: InternalDataTableHeader;
-            selectAll: (value: boolean) => void;
-            isSorted: (column: InternalDataTableHeader) => boolean;
-            toggleSort: (column: InternalDataTableHeader) => void;
-            sortBy: readonly SortItem[];
-            someSelected: boolean;
-            allSelected: boolean;
-            getSortIcon: (column: InternalDataTableHeader) => IconValue;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
         default: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -3596,6 +3645,7 @@ declare const VDataTableServer: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -3637,6 +3687,7 @@ declare const VDataTableServer: {
         theme?: string | undefined;
         color?: string | undefined;
         loading?: string | boolean | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
         headerProps?: Record<string, any> | undefined;
         headers?: readonly {
@@ -3659,6 +3710,7 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly {
                 readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
                 readonly value?: SelectItemKey<Record<string, any>>;
@@ -3679,6 +3731,7 @@ declare const VDataTableServer: {
                 readonly sort?: DataTableCompareFunction<any> | undefined;
                 readonly sortRaw?: DataTableCompareFunction<any> | undefined;
                 readonly filter?: FilterFunction | undefined;
+                readonly mobile?: boolean | undefined;
                 readonly children?: readonly any[] | undefined;
             }[] | undefined;
         }[] | undefined;
@@ -3698,6 +3751,7 @@ declare const VDataTableServer: {
         sortBy: readonly SortItem[];
         pageText: string;
         page: string | number;
+        mobile: boolean;
         sticky: boolean;
         expanded: readonly string[];
         density: Density;
@@ -3743,6 +3797,7 @@ declare const VDataTableServer: {
     sortBy: readonly SortItem[];
     pageText: string;
     page: string | number;
+    mobile: boolean;
     sticky: boolean;
     expanded: readonly string[];
     density: Density;
@@ -3784,6 +3839,7 @@ declare const VDataTableServer: {
     theme?: string | undefined;
     color?: string | undefined;
     loading?: string | boolean | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     customKeySort?: Record<string, DataTableCompareFunction> | undefined;
     headerProps?: Record<string, any> | undefined;
     headers?: readonly {
@@ -3806,6 +3862,7 @@ declare const VDataTableServer: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -3826,6 +3883,7 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[] | undefined;
@@ -3853,6 +3911,7 @@ declare const VDataTableServer: {
     sortBy: readonly SortItem[];
     pageText: string;
     page: string | number;
+    mobile: boolean;
     sticky: boolean;
     expanded: readonly string[];
     density: Density;
@@ -3889,16 +3948,7 @@ declare const VDataTableServer: {
     [x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    [x: `header.${string}`]: (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     'data-table-group': (arg: {
@@ -3919,6 +3969,12 @@ declare const VDataTableServer: {
     'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => 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;
+    }>[];
     item: (arg: {
         index: number;
         item: any;
@@ -3952,30 +4008,6 @@ declare const VDataTableServer: {
     loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    'header.data-table-select': (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    'header.data-table-expand': (arg: {
-        column: InternalDataTableHeader;
-        selectAll: (value: boolean) => void;
-        isSorted: (column: InternalDataTableHeader) => boolean;
-        toggleSort: (column: InternalDataTableHeader) => void;
-        sortBy: readonly SortItem[];
-        someSelected: boolean;
-        allSelected: boolean;
-        getSortIcon: (column: InternalDataTableHeader) => IconValue;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
     default: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -4097,6 +4129,11 @@ declare const VDataTableServer: {
     height: (StringConstructor | NumberConstructor)[];
     hover: BooleanConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
     sticky: BooleanConstructor;
     multiSort: BooleanConstructor;
@@ -4165,6 +4202,7 @@ declare const VDataTableServer: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -4185,6 +4223,7 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[]>;
@@ -4293,6 +4332,11 @@ declare const VDataTableServer: {
     height: (StringConstructor | NumberConstructor)[];
     hover: BooleanConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
     sticky: BooleanConstructor;
     multiSort: BooleanConstructor;
@@ -4361,6 +4405,7 @@ declare const VDataTableServer: {
         readonly sort?: DataTableCompareFunction<any> | undefined;
         readonly sortRaw?: DataTableCompareFunction<any> | undefined;
         readonly filter?: FilterFunction | undefined;
+        readonly mobile?: boolean | undefined;
         readonly children?: readonly {
             readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
             readonly value?: SelectItemKey<Record<string, any>>;
@@ -4381,6 +4426,7 @@ declare const VDataTableServer: {
             readonly sort?: DataTableCompareFunction<any> | undefined;
             readonly sortRaw?: DataTableCompareFunction<any> | undefined;
             readonly filter?: FilterFunction | undefined;
+            readonly mobile?: boolean | undefined;
             readonly children?: readonly any[] | undefined;
         }[] | undefined;
     }[]>;