[feature]{prop}: 加入是否显示序号列prop

BoBoooooo · Oct 18, 2019 · 26624cd · 26624cd
1 parent 268b736
commit 26624cd
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/src/components/CommonTable/index.vue b/src/components/CommonTable/index.vue
@@ -38,6 +38,11 @@
               @header-dragend="(newWidth, oldWidth, column, event) =>
               emitEventHandler('header-dragend', newWidth, oldWidth, column, event)"
               @expand-change="(row, expanded) => emitEventHandler('expand-change', row, expanded)">
+      <el-table-column
+        v-if="showColumnIndex"
+        type="index"
+        width="50">
+      </el-table-column>
       <el-table-column v-if="IsMultiple"
                        type="selection"
                        width="55">
@@ -109,6 +114,11 @@ export default {
       type: Object,
       default: () => ({}),
     },
+    // 是否显示序号列
+    showColumnIndex: {
+      type: Boolean,
+      default: false,
+    },
   },
   methods: {
     emitEvent(...args) {

diff --git a/src/components/CrudTable/CrudTable.vue b/src/components/CrudTable/CrudTable.vue
@@ -24,7 +24,8 @@
                  @handleSizeChange="Refresh"
                  :handleButton="handleButton"
                  @selection-change="selection => emitEvent('selection-change', selection)"
-                 @row-click="(row, event, column) => emitEvent('row-click', row, event, column)">
+                 @row-click="(row, event, column) => emitEvent('row-click', row, event, column)"
+                 :showColumnIndex="showColumnIndex">
       <template slot="handleButton"
                 slot-scope="scope">
         <v-btn :key="index"

diff --git a/src/components/CrudTable/components/props.js b/src/components/CrudTable/components/props.js
@@ -71,4 +71,8 @@ export default {
     type: Array,
     default: () => [],
   },
+  showColumnIndex: {
+    type: Boolean,
+    default: false,
+  },
 };