diff --git a/src/components/scrollBoard/src/main.vue b/src/components/scrollBoard/src/main.vue
index fa6be38..f259014 100644
--- a/src/components/scrollBoard/src/main.vue
+++ b/src/components/scrollBoard/src/main.vue
@@ -134,6 +134,12 @@ export default {
          * @default index = false
          */
         index: false,
+        /**
+         * @description index Header
+         * @type {String}
+         * @default indexHeader = '#'
+         */
+        indexHeader: '#',
         /**
          * @description Carousel type
          * @type {String}
@@ -215,7 +221,7 @@ export default {
       this.mergedConfig = deepMerge(deepClone(defaultConfig, true), config || {})
     },
     calcHeaderData () {
-      let { header, index } = this.mergedConfig
+      let { header, index, indexHeader} = this.mergedConfig
 
       if (!header.length) {
         this.header = []
@@ -225,7 +231,7 @@ export default {
 
       header = [...header]
 
-      if (index) header.unshift('#')
+      if (index) header.unshift(indexHeader)
 
       this.header = header
     },
@@ -236,7 +242,7 @@ export default {
         data = data.map((row, i) => {
           row = [...row]
 
-          const indexTag = `<span class="index" style="background-color: ${headerBGC};">${i + 1}</spand>`
+          const indexTag = `<span class="index" style="background-color: ${headerBGC};">${i + 1}</span>`
 
           row.unshift(indexTag)