naive-ui 2.38.2 → 2.40.0

package/es/data-table/src/interface.d.ts

@@ -1,14 +1,16 @@
 import type { TreeMate, TreeNode } from 'treemate';
-import type { CSSProperties, Ref, HTMLAttributes, Slots, PropType, ExtractPropTypes, VNodeChild } from 'vue';
-import type { ScrollbarProps, ScrollTo } from '../../scrollbar/src/Scrollbar';
+import type { CSSProperties, ExtractPropTypes, HTMLAttributes, PropType, Ref, Slots, VNodeChild } from 'vue';
+import type { VirtualListInst } from 'vueuc';
+import type { ScrollTo, ScrollbarProps } from '../../scrollbar/src/Scrollbar';
 import type { EllipsisProps } from '../../ellipsis/src/Ellipsis';
-import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { NLocale } from '../../locales';
 import type { MergedTheme } from '../../_mixins';
 import type { PaginationProps } from '../../pagination';
 import type { DataTableTheme } from '../styles';
-import type { RowItem, ColItem } from './use-group-header';
 import type { BaseLoadingExposedProps } from '../../_internal';
+import type { PopoverProps } from '../../popover';
+import type { ColItem, RowItem } from './use-group-header';
 export declare const dataTableProps: {
     readonly onUnstableColumnResize: PropType<(resizedWidth: number, limitedWidth: number, column: TableBaseColumn, getColumnWidth: (key: ColumnKey) => number | undefined) => void>;
     readonly pagination: {
@@ -67,8 +69,19 @@ export declare const dataTableProps: {
     readonly expandedRowKeys: PropType<RowKey[]>;
     readonly stickyExpandedRows: BooleanConstructor;
     readonly virtualScroll: BooleanConstructor;
+    readonly virtualScrollX: BooleanConstructor;
+    readonly virtualScrollHeader: BooleanConstructor;
+    readonly headerHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 28;
+    };
+    readonly heightForRow: PropType<DataTableHeightForRow>;
+    readonly minRowHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 28;
+    };
     readonly tableLayout: {
-        readonly type: PropType<"fixed" | "auto">;
+        readonly type: PropType<"auto" | "fixed">;
         readonly default: "auto";
     };
     readonly allowCheckingNotLoaded: BooleanConstructor;
@@ -93,6 +106,7 @@ export declare const dataTableProps: {
         readonly type: PropType<"first" | "current">;
         readonly default: "current";
     };
+    readonly filterIconPopoverProps: PropType<PopoverProps>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly renderCell: PropType<(value: any, rowData: object, column: TableBaseColumn) => VNodeChild>;
     readonly renderExpandIcon: PropType<RenderExpandIcon>;
@@ -101,10 +115,10 @@ export declare const dataTableProps: {
         readonly default: {};
     };
     readonly onLoad: PropType<DataTableOnLoad>;
-    readonly 'onUpdate:page': PropType<MaybeArray<(page: number) => void> | undefined>;
-    readonly onUpdatePage: PropType<MaybeArray<(page: number) => void> | undefined>;
-    readonly 'onUpdate:pageSize': PropType<MaybeArray<(pageSize: number) => void> | undefined>;
-    readonly onUpdatePageSize: PropType<MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly 'onUpdate:page': PropType<PaginationProps["onUpdate:page"]>;
+    readonly onUpdatePage: PropType<PaginationProps["onUpdate:page"]>;
+    readonly 'onUpdate:pageSize': PropType<PaginationProps["onUpdate:pageSize"]>;
+    readonly onUpdatePageSize: PropType<PaginationProps["onUpdate:pageSize"]>;
     readonly 'onUpdate:sorter': PropType<MaybeArray<OnUpdateSorter>>;
     readonly onUpdateSorter: PropType<MaybeArray<OnUpdateSorter>>;
     readonly 'onUpdate:filters': PropType<MaybeArray<OnUpdateFilters>>;
@@ -114,8 +128,8 @@ export declare const dataTableProps: {
     readonly 'onUpdate:expandedRowKeys': PropType<MaybeArray<OnUpdateExpandedRowKeys>>;
     readonly onUpdateExpandedRowKeys: PropType<MaybeArray<OnUpdateExpandedRowKeys>>;
     readonly onScroll: PropType<(e: Event) => void>;
-    readonly onPageChange: PropType<MaybeArray<(page: number) => void> | undefined>;
-    readonly onPageSizeChange: PropType<MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly onPageChange: PropType<PaginationProps["onUpdate:page"]>;
+    readonly onPageSizeChange: PropType<PaginationProps["onUpdate:pageSize"]>;
     readonly onSorterChange: PropType<MaybeArray<OnUpdateSorter> | undefined>;
     readonly onFiltersChange: PropType<MaybeArray<OnUpdateFilters> | undefined>;
     readonly onCheckedRowKeysChange: PropType<MaybeArray<OnUpdateCheckedRowKeys> | undefined>;
@@ -128,9 +142,11 @@ export declare const dataTableProps: {
         fontSizeLarge: string;
         borderColor: string;
         tdColorHover: string;
+        tdColorSorting: string;
         tdColorStriped: string;
         thColor: string;
         thColorHover: string;
+        thColorSorting: string;
         tdColor: string;
         tdTextColor: string;
         thTextColor: string;
@@ -140,15 +156,19 @@ export declare const dataTableProps: {
         thIconColorActive: string;
         borderColorModal: string;
         tdColorHoverModal: string;
+        tdColorSortingModal: string;
         tdColorStripedModal: string;
         thColorModal: string;
         thColorHoverModal: string;
+        thColorSortingModal: string;
         tdColorModal: string;
         borderColorPopover: string;
         tdColorHoverPopover: string;
+        tdColorSortingPopover: string;
         tdColorStripedPopover: string;
         thColorPopover: string;
         thColorHoverPopover: string;
+        thColorSortingPopover: string;
         tdColorPopover: string;
         boxShadowBefore: string;
         boxShadowAfter: string;
@@ -588,10 +608,12 @@ export declare const dataTableProps: {
                     }, any>;
                 }>;
                 InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                    optionFontSizeTiny: string;
                     optionFontSizeSmall: string;
                     optionFontSizeMedium: string;
                     optionFontSizeLarge: string;
                     optionFontSizeHuge: string;
+                    optionHeightTiny: string;
                     optionHeightSmall: string;
                     optionHeightMedium: string;
                     optionHeightLarge: string;
@@ -612,10 +634,12 @@ export declare const dataTableProps: {
                     actionTextColor: string;
                     loadingColor: string;
                     height: string;
+                    paddingTiny: string;
                     paddingSmall: string;
                     paddingMedium: string;
                     paddingLarge: string;
                     paddingHuge: string;
+                    optionPaddingTiny: string;
                     optionPaddingSmall: string;
                     optionPaddingMedium: string;
                     optionPaddingLarge: string;
@@ -628,11 +652,14 @@ export declare const dataTableProps: {
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
+                        fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -640,6 +667,7 @@ export declare const dataTableProps: {
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
+                        iconSizeTiny: string;
                         iconSizeSmall: string;
                         iconSizeMedium: string;
                         iconSizeLarge: string;
@@ -726,10 +754,12 @@ export declare const dataTableProps: {
                     padding: string;
                 }, any>;
                 InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                    optionFontSizeTiny: string;
                     optionFontSizeSmall: string;
                     optionFontSizeMedium: string;
                     optionFontSizeLarge: string;
                     optionFontSizeHuge: string;
+                    optionHeightTiny: string;
                     optionHeightSmall: string;
                     optionHeightMedium: string;
                     optionHeightLarge: string;
@@ -750,10 +780,12 @@ export declare const dataTableProps: {
                     actionTextColor: string;
                     loadingColor: string;
                     height: string;
+                    paddingTiny: string;
                     paddingSmall: string;
                     paddingMedium: string;
                     paddingLarge: string;
                     paddingHuge: string;
+                    optionPaddingTiny: string;
                     optionPaddingSmall: string;
                     optionPaddingMedium: string;
                     optionPaddingLarge: string;
@@ -766,11 +798,14 @@ export declare const dataTableProps: {
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
+                        fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -778,6 +813,7 @@ export declare const dataTableProps: {
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
+                        iconSizeTiny: string;
                         iconSizeSmall: string;
                         iconSizeMedium: string;
                         iconSizeLarge: string;
@@ -792,11 +828,14 @@ export declare const dataTableProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -804,6 +843,7 @@ export declare const dataTableProps: {
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -927,9 +967,11 @@ export declare const dataTableProps: {
         fontSizeLarge: string;
         borderColor: string;
         tdColorHover: string;
+        tdColorSorting: string;
         tdColorStriped: string;
         thColor: string;
         thColorHover: string;
+        thColorSorting: string;
         tdColor: string;
         tdTextColor: string;
         thTextColor: string;
@@ -939,15 +981,19 @@ export declare const dataTableProps: {
         thIconColorActive: string;
         borderColorModal: string;
         tdColorHoverModal: string;
+        tdColorSortingModal: string;
         tdColorStripedModal: string;
         thColorModal: string;
         thColorHoverModal: string;
+        thColorSortingModal: string;
         tdColorModal: string;
         borderColorPopover: string;
         tdColorHoverPopover: string;
+        tdColorSortingPopover: string;
         tdColorStripedPopover: string;
         thColorPopover: string;
         thColorHoverPopover: string;
+        thColorSortingPopover: string;
         tdColorPopover: string;
         boxShadowBefore: string;
         boxShadowAfter: string;
@@ -1387,10 +1433,12 @@ export declare const dataTableProps: {
                     }, any>;
                 }>;
                 InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                    optionFontSizeTiny: string;
                     optionFontSizeSmall: string;
                     optionFontSizeMedium: string;
                     optionFontSizeLarge: string;
                     optionFontSizeHuge: string;
+                    optionHeightTiny: string;
                     optionHeightSmall: string;
                     optionHeightMedium: string;
                     optionHeightLarge: string;
@@ -1411,10 +1459,12 @@ export declare const dataTableProps: {
                     actionTextColor: string;
                     loadingColor: string;
                     height: string;
+                    paddingTiny: string;
                     paddingSmall: string;
                     paddingMedium: string;
                     paddingLarge: string;
                     paddingHuge: string;
+                    optionPaddingTiny: string;
                     optionPaddingSmall: string;
                     optionPaddingMedium: string;
                     optionPaddingLarge: string;
@@ -1427,11 +1477,14 @@ export declare const dataTableProps: {
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
+                        fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -1439,6 +1492,7 @@ export declare const dataTableProps: {
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
+                        iconSizeTiny: string;
                         iconSizeSmall: string;
                         iconSizeMedium: string;
                         iconSizeLarge: string;
@@ -1525,10 +1579,12 @@ export declare const dataTableProps: {
                     padding: string;
                 }, any>;
                 InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                    optionFontSizeTiny: string;
                     optionFontSizeSmall: string;
                     optionFontSizeMedium: string;
                     optionFontSizeLarge: string;
                     optionFontSizeHuge: string;
+                    optionHeightTiny: string;
                     optionHeightSmall: string;
                     optionHeightMedium: string;
                     optionHeightLarge: string;
@@ -1549,10 +1605,12 @@ export declare const dataTableProps: {
                     actionTextColor: string;
                     loadingColor: string;
                     height: string;
+                    paddingTiny: string;
                     paddingSmall: string;
                     paddingMedium: string;
                     paddingLarge: string;
                     paddingHuge: string;
+                    optionPaddingTiny: string;
                     optionPaddingSmall: string;
                     optionPaddingMedium: string;
                     optionPaddingLarge: string;
@@ -1565,11 +1623,14 @@ export declare const dataTableProps: {
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
+                        fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -1577,6 +1638,7 @@ export declare const dataTableProps: {
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
+                        iconSizeTiny: string;
                         iconSizeSmall: string;
                         iconSizeMedium: string;
                         iconSizeLarge: string;
@@ -1591,11 +1653,14 @@ export declare const dataTableProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1603,6 +1668,7 @@ export declare const dataTableProps: {
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -1726,9 +1792,11 @@ export declare const dataTableProps: {
         fontSizeLarge: string;
         borderColor: string;
         tdColorHover: string;
+        tdColorSorting: string;
         tdColorStriped: string;
         thColor: string;
         thColorHover: string;
+        thColorSorting: string;
         tdColor: string;
         tdTextColor: string;
         thTextColor: string;
@@ -1738,15 +1806,19 @@ export declare const dataTableProps: {
         thIconColorActive: string;
         borderColorModal: string;
         tdColorHoverModal: string;
+        tdColorSortingModal: string;
         tdColorStripedModal: string;
         thColorModal: string;
         thColorHoverModal: string;
+        thColorSortingModal: string;
         tdColorModal: string;
         borderColorPopover: string;
         tdColorHoverPopover: string;
+        tdColorSortingPopover: string;
         tdColorStripedPopover: string;
         thColorPopover: string;
         thColorHoverPopover: string;
+        thColorSortingPopover: string;
         tdColorPopover: string;
         boxShadowBefore: string;
         boxShadowAfter: string;
@@ -2186,10 +2258,12 @@ export declare const dataTableProps: {
                     }, any>;
                 }>;
                 InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                    optionFontSizeTiny: string;
                     optionFontSizeSmall: string;
                     optionFontSizeMedium: string;
                     optionFontSizeLarge: string;
                     optionFontSizeHuge: string;
+                    optionHeightTiny: string;
                     optionHeightSmall: string;
                     optionHeightMedium: string;
                     optionHeightLarge: string;
@@ -2210,10 +2284,12 @@ export declare const dataTableProps: {
                     actionTextColor: string;
                     loadingColor: string;
                     height: string;
+                    paddingTiny: string;
                     paddingSmall: string;
                     paddingMedium: string;
                     paddingLarge: string;
                     paddingHuge: string;
+                    optionPaddingTiny: string;
                     optionPaddingSmall: string;
                     optionPaddingMedium: string;
                     optionPaddingLarge: string;
@@ -2226,11 +2302,14 @@ export declare const dataTableProps: {
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
+                        fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -2238,6 +2317,7 @@ export declare const dataTableProps: {
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
+                        iconSizeTiny: string;
                         iconSizeSmall: string;
                         iconSizeMedium: string;
                         iconSizeLarge: string;
@@ -2324,10 +2404,12 @@ export declare const dataTableProps: {
                     padding: string;
                 }, any>;
                 InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                    optionFontSizeTiny: string;
                     optionFontSizeSmall: string;
                     optionFontSizeMedium: string;
                     optionFontSizeLarge: string;
                     optionFontSizeHuge: string;
+                    optionHeightTiny: string;
                     optionHeightSmall: string;
                     optionHeightMedium: string;
                     optionHeightLarge: string;
@@ -2348,10 +2430,12 @@ export declare const dataTableProps: {
                     actionTextColor: string;
                     loadingColor: string;
                     height: string;
+                    paddingTiny: string;
                     paddingSmall: string;
                     paddingMedium: string;
                     paddingLarge: string;
                     paddingHuge: string;
+                    optionPaddingTiny: string;
                     optionPaddingSmall: string;
                     optionPaddingMedium: string;
                     optionPaddingLarge: string;
@@ -2364,11 +2448,14 @@ export declare const dataTableProps: {
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
+                        fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -2376,6 +2463,7 @@ export declare const dataTableProps: {
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
+                        iconSizeTiny: string;
                         iconSizeSmall: string;
                         iconSizeMedium: string;
                         iconSizeLarge: string;
@@ -2390,11 +2478,14 @@ export declare const dataTableProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -2402,6 +2493,7 @@ export declare const dataTableProps: {
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -2551,8 +2643,10 @@ export interface CommonColumnInfo<T = InternalRowData> {
     titleAlign?: 'left' | 'center' | 'right';
     ellipsis?: Ellipsis;
     ellipsisComponent?: 'ellipsis' | 'performant-ellipsis';
+    allowExport?: boolean;
     cellProps?: (rowData: T, rowIndex: number) => HTMLAttributes;
 }
+export type DataTableHeightForRow<T = RowData> = (rowData: T, rowIndex: number) => number;
 export type TableColumnTitle = string | ((column: TableBaseColumn) => VNodeChild);
 export type TableExpandColumnTitle = string | ((column: TableExpandColumn) => VNodeChild);
 export type TableColumnGroupTitle = string | ((column: TableColumnGroup) => VNodeChild);
@@ -2608,8 +2702,9 @@ export type TableSelectionColumn<T = InternalRowData> = {
     rowSpan?: never;
 } & CommonColumnInfo<T>;
 export type RenderExpand<T = InternalRowData> = (row: T, index: number) => VNodeChild;
-export type RenderExpandIcon = ({ expanded }: {
+export type RenderExpandIcon = ({ expanded, rowData }: {
     expanded: boolean;
+    rowData: RowData;
 }) => VNodeChild;
 export type Expandable<T = InternalRowData> = (row: T) => boolean;
 export interface TableExpandColumn<T = InternalRowData> extends Omit<TableSelectionColumn<T>, 'type'> {
@@ -2670,6 +2765,11 @@ export interface DataTableInjection {
     summaryRef: Ref<undefined | CreateSummary>;
     rawPaginatedDataRef: Ref<InternalRowData[]>;
     virtualScrollRef: Ref<boolean>;
+    virtualScrollXRef: Ref<boolean>;
+    minRowHeightRef: Ref<number>;
+    heightForRowRef: Ref<DataTableHeightForRow | undefined>;
+    virtualScrollHeaderRef: Ref<boolean>;
+    headerHeightRef: Ref<number>;
     bodyWidthRef: Ref<number | null>;
     mergedTableLayoutRef: Ref<'auto' | 'fixed'>;
     maxHeightRef: Ref<string | number | undefined>;
@@ -2685,6 +2785,7 @@ export interface DataTableInjection {
     stickyExpandedRowsRef: Ref<boolean>;
     renderExpandIconRef: Ref<undefined | RenderExpandIcon>;
     summaryPlacementRef: Ref<'top' | 'bottom'>;
+    filterIconPopoverPropsRef: Ref<PopoverProps | undefined>;
     treeMateRef: Ref<TreeMate<InternalRowData, InternalRowData, InternalRowData>>;
     scrollbarPropsRef: Ref<ScrollbarProps | undefined>;
     doUpdatePage: (page: number) => void;
@@ -2747,6 +2848,7 @@ export interface MainTableBodyRef {
 }
 export interface MainTableHeaderRef {
     $el: HTMLElement | null;
+    virtualListRef: Ref<VirtualListInst | null>;
 }
 export type OnFilterMenuChange = <T extends FilterOptionValue[] & (FilterOptionValue | null)>(value: T) => void;
 export type OnFilterMenuChangeImpl = (value: FilterOptionValue[] | FilterOptionValue | null) => void;

package/es/data-table/src/interface.mjs

@@ -59,6 +59,17 @@ export const dataTableProps = Object.assign(Object.assign({}, useTheme.props), {
   expandedRowKeys: Array,
   stickyExpandedRows: Boolean,
   virtualScroll: Boolean,
+  virtualScrollX: Boolean,
+  virtualScrollHeader: Boolean,
+  headerHeight: {
+    type: Number,
+    default: 28
+  },
+  heightForRow: Function,
+  minRowHeight: {
+    type: Number,
+    default: 28
+  },
   tableLayout: {
     type: String,
     default: 'auto'
@@ -85,6 +96,7 @@ export const dataTableProps = Object.assign(Object.assign({}, useTheme.props), {
     type: String,
     default: 'current'
   },
+  filterIconPopoverProps: Object,
   scrollbarProps: Object,
   renderCell: Function,
   renderExpandIcon: Function,