Update index.html

Author: huangshuwei

examples/src/umd-test/ve-table/index.html

@@ -5,7 +5,7 @@
         <!-- 引入样式 -->
         <link
             rel="stylesheet"
-            href="https://unpkg.com/vue-easytable/libs/theme-default/index.css"
+            href="../../../../libs/theme-default/index.css"
         />
     </head>
 
@@ -14,6 +14,7 @@
             <ve-table
                 :columns="columns"
                 :table-data="tableData"
+                :expand-option="expandOption"
                 row-key-field-name="rowKey"
                 :edit-option="editOption"
             ></ve-table>
@@ -22,7 +23,7 @@
     <!-- 先引入 Vue -->
     <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/vue-easytable/libs/umd/index.js"></script>
+    <script src="../../../../libs/umd/index.js"></script>
     <script>
         new Vue({
             el: "#app",
@@ -35,14 +36,38 @@
                             console.log("cellValueChange column::", column);
                         },
                     },
+                    expandOption: {
+                        defaultExpandedRowKeys: [1001, 1003],
+                        render: ({ row, column, rowIndex }, h) => {
+                            return h(
+                                "div",
+                                {
+                                    style: {
+                                        color: "red",
+                                    },
+                                },
+                                row.name,
+                            );
+                        },
+                    },
                     columns: [
+                        {
+                            field: "",
+                            key: "a",
+                            type: "expand",
+                            title: "",
+                            width: 50,
+                            align: "center",
+                        },
                         {
                             field: "date",
                             key: "b",
                             title: "Date",
                             width: 200,
                             align: "center",
-                            edit: true,
+                            renderBodyCell: ({ row }, h) => {
+                                return h("div", row.date);
+                            },
                         },
                         {
                             field: "hobby",