refine doc

Author: huangshuwei

examples/src/docs/en/ve-table/virtual-scroll/auto-height.md

@@ -25,6 +25,7 @@
           enable: true,
         },
         columns: [
+          { field: "index", key: "a", title: "#", width: 100, align: "left" },
           {
             field: "name",
             key: "b",
@@ -48,21 +49,23 @@
       initData() {
         let data = [];
         for (let i = 0; i < 10000; i++) {
-          let value = i;
+          let value = "";
           if (i % 2 === 0) {
             const rowCount = this.getRandom(3, 5);
 
             for (let i = 0; i < rowCount; i++) {
               value += `this is the long word.<br />`;
             }
+          } else {
+            value = `name${i}`;
           }
 
           data.push({
             rowKey: i,
+            index: i,
             name: value,
-            date: i,
-            hobby: i,
-            address: i,
+            hobby: `hobby${i}`,
+            address: `address${i}`,
           });
         }
 

examples/src/docs/en/ve-table/virtual-scroll/base.md

@@ -24,6 +24,7 @@
           enable: true,
         },
         columns: [
+          { field: "index", key: "a", title: "#", width: 100, align: "left" },
           { field: "name", key: "b", title: "Name", width: 200, align: "left" },
           { field: "hobby", key: "c", title: "Hobby", width: 300, align: "left" },
           { field: "address", key: "d", title: "Address", width: "", align: "left" },
@@ -37,10 +38,10 @@
         for (let i = 0; i < 10000; i++) {
           data.push({
             rowKey: i,
-            name: i,
-            date: i,
-            hobby: i,
-            address: i,
+            index: i,
+            name: `name${i}`,
+            hobby: `hobby${i}`,
+            address: `address${i}`,
           });
         }
 

examples/src/docs/en/ve-table/virtual-scroll/row-checkbox.md

@@ -43,7 +43,7 @@
             // type=checkbox
             type: "checkbox",
             title: "",
-            width: 50,
+            width: 100,
             align: "center",
           },
           {
@@ -68,10 +68,9 @@
         for (let i = 0; i < 10000; i++) {
           data.push({
             rowKey: i,
-            name: i,
-            date: i,
-            hobby: i,
-            address: i,
+            name: `name${i}`,
+            hobby: `hobby${i}`,
+            address: `address${i}`,
           });
         }
 

examples/src/docs/en/ve-table/virtual-scroll/row-expand.md

@@ -68,10 +68,9 @@
         for (let i = 0; i < 10000; i++) {
           data.push({
             rowKey: i,
-            name: i,
-            date: i,
-            hobby: i,
-            address: i,
+            name: `name${i}`,
+            hobby: `hobby${i}`,
+            address: `address${i}`,
           });
         }
 

examples/src/docs/en/ve-table/virtual-scroll/row-radio.md

@@ -64,10 +64,9 @@
         for (let i = 0; i < 10000; i++) {
           data.push({
             rowKey: i,
-            name: i,
-            date: i,
-            hobby: i,
-            address: i,
+            name: `name${i}`,
+            hobby: `hobby${i}`,
+            address: `address${i}`,
           });
         }
 

examples/src/docs/zh/ve-table/footer-summary/virtual-scroll.md

@@ -25,7 +25,6 @@
         virtualScrollOption: {
           // 是否开启
           enable: true,
-          scrolling: this.scrolling,
         },
 
         columns: [
@@ -35,7 +34,6 @@
             title: "Name",
             width: 200,
             align: "left",
-            renderBodyCell: this.renderRowIndex,
           },
           { field: "hobby", key: "c", title: "Hobby", width: 300, align: "left" },
           { field: "address", key: "d", title: "Address", width: "", align: "left" },
@@ -44,40 +42,14 @@
       };
     },
     methods: {
-      // virtual scrolling
-      scrolling({
-        scrollStartIndex,
-        visibleStartIndex,
-        visibleEndIndex,
-        visibleAboveCount,
-        visibleBelowCount,
-      }) {
-        this.scrollStartIndex = scrollStartIndex;
-        console.log(
-          scrollStartIndex,
-          visibleStartIndex,
-          visibleEndIndex,
-          visibleAboveCount,
-          visibleBelowCount
-        );
-      },
-      renderRowIndex({ row, column, rowIndex }) {
-        console.log(rowIndex);
-        return (
-          <span class="text-bold" style="color:#1890ff;">
-            {rowIndex + this.scrollStartIndex + 1}
-          </span>
-        );
-      },
       initData() {
         let data = [];
         for (let i = 0; i < 10000; i++) {
           data.push({
             rowKey: i,
-            name: i,
-            date: i,
-            hobby: i,
-            address: i,
+            name: `name${i}`,
+            hobby: `hobby${i}`,
+            address: `address${i}`,
           });
         }
 

examples/src/docs/zh/ve-table/virtual-scroll/auto-height.md

@@ -25,6 +25,7 @@
           enable: true,
         },
         columns: [
+          { field: "index", key: "a", title: "#", width: 100, align: "left" },
           {
             field: "name",
             key: "b",
@@ -48,21 +49,23 @@
       initData() {
         let data = [];
         for (let i = 0; i < 10000; i++) {
-          let value = i;
+          let value = "";
           if (i % 2 === 0) {
             const rowCount = this.getRandom(3, 5);
 
             for (let i = 0; i < rowCount; i++) {
               value += `this is the long word.<br />`;
             }
+          } else {
+            value = `name${i}`;
           }
 
           data.push({
             rowKey: i,
+            index: i,
             name: value,
-            date: i,
-            hobby: i,
-            address: i,
+            hobby: `hobby${i}`,
+            address: `address${i}`,
           });
         }
 

examples/src/docs/zh/ve-table/virtual-scroll/base.md

@@ -24,6 +24,7 @@
           enable: true,
         },
         columns: [
+          { field: "index", key: "a", title: "#", width: 100, align: "left" },
           { field: "name", key: "b", title: "Name", width: 200, align: "left" },
           { field: "hobby", key: "c", title: "Hobby", width: 300, align: "left" },
           { field: "address", key: "d", title: "Address", width: "", align: "left" },
@@ -37,10 +38,10 @@
         for (let i = 0; i < 10000; i++) {
           data.push({
             rowKey: i,
-            name: i,
-            date: i,
-            hobby: i,
-            address: i,
+            index: i,
+            name: `name${i}`,
+            hobby: `hobby${i}`,
+            address:`address${i}`,
           });
         }
 

examples/src/docs/zh/ve-table/virtual-scroll/main.vue

@@ -9,6 +9,7 @@
         <RowExpand />
         <ColumnFixed />
         <FooterSummary />
+        <!-- <RowIndex /> -->
         <API title="API" anchor="API" desc="virtualScrollOption 虚拟滚动配置" />
     </div>
 </template>
@@ -21,6 +22,7 @@ import RowRadio from "./row-radio.md";
 import RowExpand from "./row-expand.md";
 import FooterSummary from "../footer-summary/virtual-scroll.md";
 import ColumnFixed from "./column-fixed.md";
+/* import RowIndex from "./row-index.md"; */
 import API from "../api/virtual-scroll-option-props";
 
 export default {
@@ -34,6 +36,7 @@ export default {
         RowExpand,
         ColumnFixed,
         FooterSummary,
+        /* RowIndex, */
         API
     }
 };

examples/src/docs/zh/ve-table/virtual-scroll/row-checkbox.md

@@ -68,10 +68,9 @@
         for (let i = 0; i < 10000; i++) {
           data.push({
             rowKey: i,
-            name: i,
-            date: i,
-            hobby: i,
-            address: i,
+            name: `name${i}`,
+            hobby: `hobby${i}`,
+            address: `address${i}`,
           });
         }