chore: perf vxe-table use case

Lionad-Morotar · Dec 18, 2023 · 04c2c98 · 04c2c98
1 parent fd436c7
commit 04c2c98
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/play/src/vxe-table.vue b/play/src/vxe-table.vue
@@ -43,7 +43,7 @@ const playRef = ref();
 const isHover = useElementHover(playRef);
 
  const states = reactive({
-  isVirtualScroll: false,
+  isVirtualScroll: true,
   isVirtualScrollbar: true,
   isLoading: false,
   tableData: [] as any[],
@@ -66,7 +66,7 @@ const formatterSex = ({ cellValue }: any) => {
 
 let count = 0
 let parentId = 0
-const listCount = 50
+const listCount = 300
 const getTableData = () => {
   const res = Array(listCount).fill(0).map((x) => {
     const res = {

diff --git a/play/src/vxe-table/index.vue b/play/src/vxe-table/index.vue
@@ -50,7 +50,7 @@ watch(() => props.enable, async (enable) => {
       barStates.setOffset({ y: { top: $header } });
       barStates.init({
         mount: tableRef,
-        content: [$bodyWrapper, $bodyContent, $bodyXSpace, $bodyYSpace],
+        content: [$bodyContent, $bodyXSpace, $bodyYSpace],
         viewport: [$bodyWrapper]
       });
     } catch (err) {