sprintify-ui 0.8.25 → 0.8.27

package/dist/types/components/BaseDataIteratorSectionColumns.vue.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{
                 isRowCheckable: Function;
                 maxHeight: number;
                 rowKey: ((row: import("@/index.js").CollectionItem) => string | number) | undefined;
+                virtualScrolling: boolean;
                 data: import("@/index.js").Row[];
                 visibleColumns: string[];
             }> & Omit<{
@@ -32,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly checkable: boolean;
                 readonly checkedRows: import("@/index.js").Row[];
                 readonly isRowCheckable: Function;
+                readonly virtualScrolling: boolean;
                 readonly data: import("@/index.js").Row[];
                 readonly rowTo?: ((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined;
                 readonly rowHref?: ((row: import("@/index.js").CollectionItem) => string) | undefined;
@@ -113,6 +115,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: undefined;
                     type: PropType<((row: import("@/index.js").CollectionItem) => string | number) | undefined>;
                 };
+                virtualScrolling: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onCheck?: ((...args: any[]) => any) | undefined;
                 onSort?: ((...args: any[]) => any) | undefined;
@@ -123,7 +129,7 @@ declare const _default: import("vue").DefineComponent<{
                 "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
                 "onCell-click"?: ((...args: any[]) => any) | undefined;
                 "onRow-click"?: ((...args: any[]) => any) | undefined;
-            }, "size" | "loading" | "sortField" | "sortDirection" | "rowTo" | "rowHref" | "onRowClick" | "detailed" | "hasDetailedVisible" | "checkable" | "checkedRows" | "isRowCheckable" | "maxHeight" | "rowKey" | "data" | "visibleColumns">;
+            }, "size" | "loading" | "sortField" | "sortDirection" | "rowTo" | "rowHref" | "onRowClick" | "detailed" | "hasDetailedVisible" | "checkable" | "checkedRows" | "isRowCheckable" | "maxHeight" | "rowKey" | "virtualScrolling" | "data" | "visibleColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -202,6 +208,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: undefined;
                     type: PropType<((row: import("@/index.js").CollectionItem) => string | number) | undefined>;
                 };
+                virtualScrolling: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onCheck?: ((...args: any[]) => any) | undefined;
                 onSort?: ((...args: any[]) => any) | undefined;
@@ -263,6 +273,7 @@ declare const _default: import("vue").DefineComponent<{
                 isRowCheckable: Function;
                 maxHeight: number;
                 rowKey: ((row: import("@/index.js").CollectionItem) => string | number) | undefined;
+                virtualScrolling: boolean;
                 data: import("@/index.js").Row[];
                 visibleColumns: string[];
             }, {}, string, {}> & {
@@ -350,6 +361,10 @@ declare const _default: import("vue").DefineComponent<{
                 default: undefined;
                 type: PropType<((row: import("@/index.js").CollectionItem) => string | number) | undefined>;
             };
+            virtualScrolling: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
         }>> & {
             onCheck?: ((...args: any[]) => any) | undefined;
             onSort?: ((...args: any[]) => any) | undefined;
@@ -424,6 +439,7 @@ declare const _default: import("vue").DefineComponent<{
                 isRowCheckable: Function;
                 maxHeight: number;
                 rowKey: ((row: import("@/index.js").CollectionItem) => string | number) | undefined;
+                virtualScrolling: boolean;
                 data: import("@/index.js").Row[];
                 visibleColumns: string[];
             }> & Omit<{
@@ -436,6 +452,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly checkable: boolean;
                 readonly checkedRows: import("@/index.js").Row[];
                 readonly isRowCheckable: Function;
+                readonly virtualScrolling: boolean;
                 readonly data: import("@/index.js").Row[];
                 readonly rowTo?: ((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined;
                 readonly rowHref?: ((row: import("@/index.js").CollectionItem) => string) | undefined;
@@ -517,6 +534,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: undefined;
                     type: PropType<((row: import("@/index.js").CollectionItem) => string | number) | undefined>;
                 };
+                virtualScrolling: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onCheck?: ((...args: any[]) => any) | undefined;
                 onSort?: ((...args: any[]) => any) | undefined;
@@ -527,7 +548,7 @@ declare const _default: import("vue").DefineComponent<{
                 "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
                 "onCell-click"?: ((...args: any[]) => any) | undefined;
                 "onRow-click"?: ((...args: any[]) => any) | undefined;
-            }, "size" | "loading" | "sortField" | "sortDirection" | "rowTo" | "rowHref" | "onRowClick" | "detailed" | "hasDetailedVisible" | "checkable" | "checkedRows" | "isRowCheckable" | "maxHeight" | "rowKey" | "data" | "visibleColumns">;
+            }, "size" | "loading" | "sortField" | "sortDirection" | "rowTo" | "rowHref" | "onRowClick" | "detailed" | "hasDetailedVisible" | "checkable" | "checkedRows" | "isRowCheckable" | "maxHeight" | "rowKey" | "virtualScrolling" | "data" | "visibleColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -606,6 +627,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: undefined;
                     type: PropType<((row: import("@/index.js").CollectionItem) => string | number) | undefined>;
                 };
+                virtualScrolling: {
+                    default: boolean;
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onCheck?: ((...args: any[]) => any) | undefined;
                 onSort?: ((...args: any[]) => any) | undefined;
@@ -667,6 +692,7 @@ declare const _default: import("vue").DefineComponent<{
                 isRowCheckable: Function;
                 maxHeight: number;
                 rowKey: ((row: import("@/index.js").CollectionItem) => string | number) | undefined;
+                virtualScrolling: boolean;
                 data: import("@/index.js").Row[];
                 visibleColumns: string[];
             }, {}, string, {}> & {
@@ -754,6 +780,10 @@ declare const _default: import("vue").DefineComponent<{
                 default: undefined;
                 type: PropType<((row: import("@/index.js").CollectionItem) => string | number) | undefined>;
             };
+            virtualScrolling: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
         }>> & {
             onCheck?: ((...args: any[]) => any) | undefined;
             onSort?: ((...args: any[]) => any) | undefined;

package/dist/types/components/BaseDataTable.vue.d.ts

@@ -236,6 +236,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<(row: CollectionItem) => string | number>;
     };
+    /**
+     * Virtual scrolling
+     */
+    virtualScrolling: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }, {
     fetch: typeof fetch;
     fetchWithoutLoading: typeof fetchWithoutLoading;
@@ -476,6 +483,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<(row: CollectionItem) => string | number>;
     };
+    /**
+     * Virtual scrolling
+     */
+    virtualScrolling: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & {
     onDelete?: ((...args: any[]) => any) | undefined;
     "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
@@ -515,6 +529,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     rowActions: RowAction[];
     numberOfVisibleRowActions: number;
     rowKey: (row: CollectionItem) => string | number;
+    virtualScrolling: boolean;
 }, {}>, Partial<Record<string, (_: {}) => any>> & {
     default?(_: {}): any;
     detail?(_: {

package/dist/types/components/BaseDataTableTemplate.vue.d.ts

@@ -82,6 +82,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<((row: CollectionItem) => string | number) | undefined>;
     };
+    virtualScrolling: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }, {
     newColumns: import("vue").ComputedRef<{
         id: string;
@@ -195,6 +199,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<((row: CollectionItem) => string | number) | undefined>;
     };
+    virtualScrolling: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & {
     onCheck?: ((...args: any[]) => any) | undefined;
     onSort?: ((...args: any[]) => any) | undefined;
@@ -220,6 +228,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isRowCheckable: Function;
     maxHeight: number;
     rowKey: ((row: CollectionItem) => string | number) | undefined;
+    virtualScrolling: boolean;
     data: Row[];
     visibleColumns: string[];
 }, {}>, {

package/dist/types/components/BaseTable.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     class?: ClassNameValue;
     maxHeight?: number | undefined;
     loading?: boolean | undefined;
+    virtualScrolling?: boolean | undefined;
 }>, {
     size: string;
     fixedHeader: boolean;
@@ -18,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     class: undefined;
     maxHeight: undefined;
     loading: boolean;
+    virtualScrolling: boolean;
 }>, {
     scrollTop: typeof scrollTop;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
@@ -29,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     class?: ClassNameValue;
     maxHeight?: number | undefined;
     loading?: boolean | undefined;
+    virtualScrolling?: boolean | undefined;
 }>, {
     size: string;
     fixedHeader: boolean;
@@ -38,11 +41,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     class: undefined;
     maxHeight: undefined;
     loading: boolean;
+    virtualScrolling: boolean;
 }>>>, {
     class: string | false | 0 | 0n | ClassNameValue[] | null;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     loading: boolean;
     maxHeight: number;
+    virtualScrolling: boolean;
     fixedHeader: boolean;
     fixedColumn: boolean;
     striped: boolean;

package/dist/types/services/table/types.d.ts

@@ -6,6 +6,7 @@ export interface TableProps {
     fixedHeader?: boolean;
     fixedColumn?: boolean;
     striped?: boolean;
+    virtualScrolling?: boolean;
 }
 export type CellConfig = TableProps;
 export interface CellProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.25",
+  "version": "0.8.27",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseDataTable.stories.js

@@ -7,7 +7,7 @@ import BaseAppSnackbars from './BaseAppSnackbars.vue';
 import BaseAppDialogs from './BaseAppDialogs.vue';
 import { computed, onBeforeUnmount } from 'vue';
 import { DateTime } from 'luxon';
-import { options, templateDataTable } from '../../.storybook/utils';
+import { optionsLarge, templateDataTable } from '../../.storybook/utils';
 import { cloneDeep } from 'lodash';
 
 export default {
@@ -30,7 +30,7 @@ export default {
   args: {
     url: 'https://effettandem.com/api/content/articles',
     urlQuery: {
-      per_page: 10,
+      per_page: 100,
     },
     historyMode: false,
   },
@@ -240,7 +240,7 @@ const LocalTemplate = (args) => ({
     };
 
     const filteredItems = computed(() => {
-      return options
+      return optionsLarge
         .filter((item) => {
           const type = baseDataTableRef.value?.query.filter?.type ?? '';
 
@@ -339,3 +339,13 @@ localProps.rowTo = undefined;
 localProps.maxHeight = undefined;
 localProps.rowKey = (row) => row.value;
 Local.args = localProps;
+
+export const VirtualScrolling = LocalTemplate.bind({});
+const localProps2 = cloneDeep(componentProps);
+localProps2.url = null;
+localProps2.perPage = 500;
+localProps2.rowTo = undefined;
+localProps2.maxHeight = undefined;
+localProps2.rowKey = (row) => row.value;
+localProps2.virtualScrolling = true;
+VirtualScrolling.args = localProps2;

package/src/components/BaseDataTable.vue

@@ -83,6 +83,7 @@
           :row-to="rowToInternal"
           :row-href="rowHref"
           :row-key="rowKey"
+          :virtual-scrolling="virtualScrolling"
           @update:checked-rows="onCheckedRowsUpdate"
           @sort="dataIteratorProps.onSortChange"
           @row-click="onRowClick"
@@ -542,6 +543,14 @@ const props = defineProps({
     default: undefined,
     type: Function as PropType<(row: CollectionItem) => string | number>,
   },
+
+  /**
+   * Virtual scrolling
+   */
+  virtualScrolling: {
+    default: false,
+    type: Boolean,
+  },
 });
 
 const sizeInternal = useInputSize(props.size);

package/src/components/BaseDataTableTemplate.vue

@@ -20,6 +20,7 @@
       :fixed-column="true"
       :max-height="maxHeight"
       :loading="loading"
+      :virtual-scrolling="virtualScrolling"
     >
       <BaseTableHead v-if="newColumns.length">
         <BaseTableRow>
@@ -99,7 +100,9 @@
         </BaseTableRow>
       </BaseTableHead>
 
-      <BaseTableBody class="bg-white">
+      <BaseTableBody
+        class="bg-white"
+      >
         <template
           v-for="(row, index) in data"
           :key="getRowKey(row)"
@@ -295,6 +298,10 @@ const props = defineProps({
     default: undefined,
     type: Function as PropType<((row: CollectionItem) => string | number) | undefined>,
   },
+  virtualScrolling: {
+    default: false,
+    type: Boolean,
+  },
 });
 
 const emit = defineEmits([

package/src/components/BaseTable.stories.js

@@ -5,7 +5,7 @@ import BaseTableRow from './BaseTableRow.vue';
 import BaseTableCell from './BaseTableCell.vue';
 import BaseTableHeader from './BaseTableHeader.vue';
 import BaseBadge from './BaseBadge.vue';
-import { options } from '../../.storybook/utils';
+import { options, optionsLarge } from '../../.storybook/utils';
 
 export default {
   title: 'Data/BaseTable',
@@ -47,7 +47,7 @@ const cellsTemplate = `<BaseTableCell class="font-medium whitespace-nowrap">
 {{ option.type ?? 'N/A' }}
 </BaseTableCell>
 <BaseTableCell class="whitespace-nowrap">
-Long description ...
+Long description here to test the overflow and wrap the lorem ipsum dolor Et occaecat quis ex Lorem cupidatat deserunt culpa dolore. Est sit aliquip exercitation exercitation deserunt.
 </BaseTableCell>
 `;
 
@@ -65,7 +65,7 @@ const components = {
 const Template = (args) => ({
   components: components,
   setup() {
-    return { args, options };
+    return { args, optionsLarge };
   },
   template: `
   <div class="border">
@@ -73,7 +73,7 @@ const Template = (args) => ({
       ${headTemplate}
       <BaseTableBody>
         <BaseTableRow 
-          v-for="option in options" 
+          v-for="option in optionsLarge" 
           :key="option.value"
           :href="'https://www.google.com/search?q=' + option.label"
           target="_blank"
@@ -100,6 +100,11 @@ Flush.args = {
   flush: true,
 };
 
+export const VirtualScroll = Template.bind({});
+VirtualScroll.args = {
+  virtualScrolling: true,
+};
+
 export const FixedHeader = Template.bind({});
 FixedHeader.args = {
   fixedHeader: true,

package/src/components/BaseTable.vue

@@ -40,6 +40,7 @@ import { ClassNameValue, twMerge } from 'tailwind-merge';
 import { useScroll } from '@vueuse/core';
 import BaseSpinnerLarge from '@/svg/BaseSpinnerLarge.vue';
 import { Size } from '@/utils/sizes';
+import { Ref } from 'vue';
 
 defineOptions({
   inheritAttrs: false,
@@ -54,6 +55,7 @@ const props = withDefaults(defineProps<{
   class?: ClassNameValue,
   maxHeight?: number,
   loading?: boolean,
+  virtualScrolling?: boolean,
 }>(), {
   size: 'md',
   fixedHeader: false,
@@ -63,6 +65,7 @@ const props = withDefaults(defineProps<{
   class: undefined,
   maxHeight: undefined,
   loading: false,
+  virtualScrolling: false,
 });
 
 const classes = computed(() => {
@@ -95,8 +98,21 @@ function scrollTop() {
   }
 }
 
+// Virtual Scrolling
+
+const virtualScrollingDefaultRowHeight = ref(null) as Ref<number | null | undefined>;
+function setVirtualScrollingDefaultRowHeight(height: number) {
+  virtualScrollingDefaultRowHeight.value = height;
+}
+
+// Provide
+
 provide('table:props', computed(() => props));
 provide('table:horizontalScrolling', computed(() => horizontalScrolling.value));
+provide('table:virtualScrollingDefaultRowHeight', computed(() => virtualScrollingDefaultRowHeight.value));
+provide('table:setVirtualScrollingDefaultRowHeight', setVirtualScrollingDefaultRowHeight);
+
+// Expose
 
 defineExpose({
   scrollTop,

package/src/components/BaseTableCell.vue

@@ -1,6 +1,5 @@
 <template>
   <td
-    ref="tdRef"
     :align="align"
     :colspan="colspan"
     :class="classes"
@@ -131,7 +130,7 @@ const classes = computed(() => {
   const selected = baseTableRowSelected?.value;
 
   const base = cellClasses(cellConfig.value);
-  const baseTd = 'relative border-b group-last/row:border-b-0';
+  const baseTd = 'relative first:border-r border-b group-last/row:border-b-0';
   const click = clickable.value ? 'cursor-pointer' : '';
 
   let backgroundColor = baseTableStriped.value ? 'group-even/row:bg-slate-100/70' : 'bg-white';
@@ -150,8 +149,14 @@ const classes = computed(() => {
     borderColor = 'border-slate-300';
   }
 
-  const firstCol = 'first:border-r first:border-r-transparent';
-  const horizontalScrolling = baseTable?.value.fixedColumn && baseTableHorizontalScrolling?.value ? 'first:sticky first:z-[1] first:left-0 first:border-r-slate-200' : '';
+  let borderColorRight = 'first:border-r-transparent';
+
+  const hasHorizontalScrolling = baseTable?.value.fixedColumn && baseTableHorizontalScrolling?.value;
+  if (hasHorizontalScrolling) {
+    borderColorRight = 'first:border-r-slate-200';
+  }
+
+  const horizontalScrolling = hasHorizontalScrolling ? 'first:sticky first:z-[1] first:left-0' : '';
   const flush = baseTable?.value.flush ? 'first:pl-0 last:pr-0' : '';
 
   const internalClasses = [
@@ -160,7 +165,7 @@ const classes = computed(() => {
     click,
     backgroundColor,
     borderColor,
-    firstCol,
+    borderColorRight,
     horizontalScrolling,
     flush,
   ];
@@ -175,8 +180,6 @@ const classes = computed(() => {
   );
 });
 
-const tdRef = ref<HTMLTableCellElement | null>(null);
-
 function onClick(event: MouseEvent) {
   propsInternal.value.onClick?.(event);
 }

package/src/components/BaseTableRow.vue

@@ -2,27 +2,114 @@
   <tr
     ref="trRef"
     :class="classes"
+    :style="{
+      height: height ? `${height}px` : undefined,
+    }"
     @mouseenter="onMouseEnter"
     @mouseleave="onMouseLeave"
   >
-    <slot />  
+    <slot v-if="visible" />  
+    <td
+      v-else
+      :class="cellClass"
+    >
+      .
+    </td>
   </tr> 
 </template>
 
 <script lang="ts" setup>
 import { ClassNameValue, twMerge } from 'tailwind-merge';
 import { RouteLocationRaw } from 'vue-router';
+import { useIntersectionObserver } from '@vueuse/core';
+import { cellClasses } from '../services/table/classes';
+import { CellConfig, TableProps } from '../services/table/types';
+import { ComputedRef, Ref } from 'vue';
 
 defineOptions({
   inheritAttrs: false,
 });
 
-const baseTable = inject('table:props');
-
+const baseTable = inject('table:props') as ComputedRef<TableProps> | undefined;
+const baseTableHead = inject('tableHead:props', undefined);
 if (!baseTable) {
   throw new Error('baseTable must be used within a BaseTable.');
 }
 
+const isHead = computed(() => baseTableHead !== undefined);
+
+// Virtual scrolling
+
+const baseTableVirtualScrollingDefaultRowHeight = inject('table:virtualScrollingDefaultRowHeight', undefined) as ComputedRef<number> | undefined;
+const setVirtualScrollingDefaultRowHeight = inject('table:setVirtualScrollingDefaultRowHeight', undefined) as ((height: number) => void) | undefined;
+
+const inViewport = ref(false);
+const trRef = ref<HTMLTableRowElement | null>(null);
+
+const trRenderedHeight = ref(undefined) as Ref<number | undefined>;
+
+const height = computed(() => {
+  if (isHead.value) {
+    return undefined;
+  }
+
+  if (trRenderedHeight.value) {
+    return trRenderedHeight.value;
+  }
+
+  return baseTableVirtualScrollingDefaultRowHeight?.value ?? undefined;
+});
+
+const visible = computed(() => {
+  if (isHead.value) {
+    return true;
+  }
+
+  if (baseTable.value.virtualScrolling) {
+    return inViewport.value;
+  }
+
+  return true;
+});
+
+const cellConfig = computed<CellConfig>(() => {
+  return {
+    size: baseTable?.value?.size,
+    flush: baseTable?.value?.flush,
+    head: false,
+  }
+});
+
+const cellClass = computed(() => {
+  return cellClasses(cellConfig.value) + ' text-white border-t border-gray-200';
+});
+
+if (!isHead.value && baseTable.value.virtualScrolling) {
+
+  const margin = '300px';
+
+  useIntersectionObserver(
+    trRef,
+    ([{ isIntersecting }]) => {
+
+      inViewport.value = isIntersecting;
+
+      if (isIntersecting) {
+        nextTick(() => {
+          trRenderedHeight.value = trRef.value?.offsetHeight;
+
+          if (trRenderedHeight.value && setVirtualScrollingDefaultRowHeight) {
+            setVirtualScrollingDefaultRowHeight(trRenderedHeight.value);
+          }
+        });
+      }
+    },
+    {
+      rootMargin: margin,
+    }
+  );
+}
+
 const emit = defineEmits(['click', 'mouseenter', 'mouseleave']);
 
 const props = withDefaults(defineProps<{
@@ -43,13 +130,6 @@ const props = withDefaults(defineProps<{
   onClick: undefined,
 });
 
-const trRef = ref<null | HTMLTableRowElement>(null);
-const parent = ref<null | undefined | HTMLElement>(null);
-
-onMounted(() => {
-  parent.value = trRef.value?.parentElement;
-});
-
 const classes = computed(() => {
   const base = 'group/row';
 

package/src/services/table/types.ts

@@ -8,6 +8,7 @@ export interface TableProps {
     fixedHeader?: boolean;
     fixedColumn?: boolean;
     striped?: boolean;
+    virtualScrolling?: boolean;
 }
 
 export type CellConfig = TableProps;