diff --git a/src/js/component/table/body.vue b/src/js/component/table/body.vue
index 5e18472..a96ecef 100644
--- a/src/js/component/table/body.vue
+++ b/src/js/component/table/body.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
     <div
-      class="list-view-phantom"       
+      class="list-view-phantom"
       :style="{
         width: contentWidth + 'px'
-      }">
+    }">
     </div>
     <div
       ref="content"
@@ -16,8 +16,8 @@
         }"
         v-for="(col, index) in visibleData"
         :key="index">
-        <slot 
-          :col="col" 
+        <slot
+          :col="col"
           :index="index"></slot>
       </div>
     </div>
@@ -40,17 +40,14 @@ export default {
             type: Array,
             required: true,
         },
-
         estimatedItemSize: {
             type: Number,
             default: 30,
         },
-
         itemSizeGetter: {
             type: Function,
         },
     },
-
     data() {
         return {
             viewWidth: 0,
@@ -83,7 +80,7 @@ export default {
     },
     computed: {
         contentWidth() {
-            const { data, lastMeasuredIndex, estimatedItemSize } = this;
+            const {data, lastMeasuredIndex, estimatedItemSize} = this;
             let itemCount = data.length;
             if (lastMeasuredIndex >= 0) {
                 const lastMeasuredSizeAndOffset = this.getLastMeasuredSizeAndOffset();
@@ -96,11 +93,11 @@ export default {
     watch: {
         data: {
             handler() {
-                let { v, h } = this.cacheVH;
+                let {v, h} = this.cacheVH;
                 this.handleScroll(v, h);
             },
             deep: true,
-        },  
+        },
     },
     mounted() {
         this.updateVisibleData();
@@ -108,7 +105,7 @@ export default {
     },
     methods: {
         getItemSizeAndOffset(index) {
-            const { lastMeasuredIndex, sizeAndOffsetCahce, data, itemSizeGetter } = this;
+            const {lastMeasuredIndex, sizeAndOffsetCahce, data, itemSizeGetter} = this;
             if (lastMeasuredIndex >= index) {
                 return sizeAndOffsetCahce[index];
             }
@@ -139,25 +136,21 @@ export default {
             }
             return sizeAndOffsetCahce[index];
         },
-    
         getLastMeasuredSizeAndOffset() {
-            return this.lastMeasuredIndex >= 0 ? this.sizeAndOffsetCahce[this.lastMeasuredIndex] : { offset: 0, size: 0 };
+            return this.lastMeasuredIndex >= 0 ? this.sizeAndOffsetCahce[this.lastMeasuredIndex] : {offset: 0, size: 0};
         },
-  
         findNearestItemIndex(scrollLeft) {
-            const { data } = this;
+            const {data} = this;
             let total = 0;
             for (let i = 0, j = data.length; i < j; i++) {
                 const size = this.getItemSizeAndOffset(i).size;
                 total += size;
-                if (total >= scrollLeft || i === j - 1) {
+                if (total >= scrollLeft || i === j -1) {
                     return i;
                 }
             }
-
             return 0;
         },
-
         updateVisibleData(scrollLeft) {
             let canScrollWidth = this.contentWidth - this.viewWidth;
             scrollLeft = scrollLeft || 0;
@@ -168,13 +161,12 @@ export default {
             const end = this.findNearestItemIndex(scrollLeft + (this.$el.clientWidth || 1400));
             this.visibleData = this.data.slice(start, Math.min(end + 3, this.data.length));
             this.startIndex = start;
-            this.$refs.content.style.webkitTransform = `translate3d(${this.getItemSizeAndOffset(start).offset}px, 0, 0)`;
+            this.$refs.content.style.webkitTransform = `translate3d(${ this.getItemSizeAndOffset(start).offset }px, 0, 0)`;
         },
-
         handleScroll(v, h) {
-            const { scrollLeft } = h;
-            this.cacheVH = { v, h };
-            this.$emit('on-scroll', { v, h });
+            const {scrollLeft} = h;
+            this.cacheVH = {v, h};
+            this.$emit('on-scroll', {v, h});
             this.updateVisibleData(scrollLeft);
         },
     },
@@ -189,7 +181,6 @@ right: 0;
 z-index: -1;
 height: 100%;
 }
-
 .list-view-content {
 display: flex;
 left: 0;
@@ -198,7 +189,6 @@ top: 0;
 position: absolute;
 height: 100%;
 }
-
 .list-view-item {
 height: 100%;
 color: #666;
@@ -206,4 +196,4 @@ box-sizing: border-box;
 flex-shrink: 0;
 text-align: center;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/js/component/table/list.vue b/src/js/component/table/list.vue
index eb0b7dc..e3ed791 100644
--- a/src/js/component/table/list.vue
+++ b/src/js/component/table/list.vue
@@ -2,7 +2,7 @@
   <div
     class="list-view"
     ref="list">
-    <vuescroll
+    <vue-scroll
       :ops="ops"
       @handle-scroll="handleScroll">
       <list-body
@@ -20,19 +20,19 @@
             class="we-column-item"
             :class="{'null-text': content === 'NULL', 'active': contentIndex === activeRowIndex}"
             @click.stop="columnItemClick(contentIndex)">
-            {{ content }}
+            <span class="we-column-item-content">{{ content }}</span>
           </div>
         </div>
       </list-body>
-    </vuescroll>
+    </vue-scroll>
   </div>
 </template>
 <script>
 import listBody from './body.vue';
-import vuescroll from 'vuescroll/dist/vuescroll-native';
+import vueScroll from './vuescroll/vuescroll-native.js';
 export default {
     components: {
-        vuescroll,
+        vueScroll,
         listBody,
     },
     props: {
@@ -46,12 +46,10 @@ export default {
             type: Array,
             required: true,
         },
-
         estimatedItemSize: {
             type: Number,
             default: 30,
         },
-
         itemSizeGetter: {
             type: Function,
         },
@@ -79,7 +77,7 @@ export default {
     },
     methods: {
         handleScroll(v, h) {
-            this.$emit('on-scroll', { v, h });
+            this.$emit('on-scroll', {v, h});
             this.$refs.body.handleScroll(v, h);
         },
         columnItemClick(index) {
@@ -88,4 +86,4 @@ export default {
         },
     },
 };
-</script>
+</script>
\ No newline at end of file
diff --git a/src/js/component/table/table.vue b/src/js/component/table/table.vue
index 4091743..e285143 100644
--- a/src/js/component/table/table.vue
+++ b/src/js/component/table/table.vue
@@ -34,16 +34,14 @@
   </div>
 </template>
 <script>
-import _ from 'lodash'
-import templateList from './list.vue'
-import templateHeader from './header.vue'
-
+import templateList from './list.vue';
+import templateHeader from './header.vue';
 const prefixCls = 'we-table';
 export default {
     name: prefixCls,
     components: {
         templateList,
-        templateHeader
+        templateHeader,
     },
     props: {
         data: Object,
@@ -52,15 +50,15 @@ export default {
         variable: [Function],
         maxColumn: {
             type: Number,
-            default: 50
+            default: 50,
         },
         offsetX: {
             type: Number,
-            default: 0
+            default: 0,
         },
         offsetY: {
             type: Number,
-            default: 0
+            default: 0,
         },
     },
     data() {
@@ -70,120 +68,119 @@ export default {
                 sorting: false,
                 column: null,
                 type: 'normal',
-                start: 0
+                start: 0,
             },
             bodyRows: [],
             headRows: [],
             originRows: [],
-            onscroll () { },
+            onscroll() { },
             dTag: false,
-        }
+        };
     },
     computed: {
         style() {
             const style = {
-            }
+            };
             if (this.width) {
-                style.width = this.width + 'px'
+                style.width = this.width + 'px';
             }
             if (this.height) {
-                style.height = this.height + 'px'
+                style.height = this.height + 'px';
             }
-            return style
+            return style;
         },
     },
     watch: {
         'data': {
             handler(val) {
-                this.headRows = Object.freeze(val.headRows)
-                this.originRows = Object.freeze(val.originRows)
-                this.bodyRows = this.revert(val.bodyRows)
+                this.headRows = Object.freeze(val.headRows);
+                this.originRows = Object.freeze(val.originRows);
+                this.bodyRows = this.revert(val.bodyRows);
             },
             immediate: true,
-            deep: true
-        }
-
+            deep: true,
+        },
     },
     mounted() {
     },
     methods: {
-        changeScrollLeft ({ v, h }) {
-            this.$refs.headerCom.$refs.list.scrollLeft = h.scrollLeft
-            this.$refs.headerCom.handleScroll(v, h)
+        changeScrollLeft({v, h}) {
+            this.$refs.headerCom.$refs.list.scrollLeft = h.scrollLeft;
+            this.$refs.headerCom.handleScroll(v, h);
         },
-        itemSizeGetter (item, i) {
-            let div = document.createElement('div')
-            document.body.appendChild(div)
-            div.style.paddingLeft = '20px'
-            div.style.paddingRight = '54px'
-            div.style.position = 'absolute'
-            div.style.top = '-9999px'
-            div.style.left = '-9999px'
-            div.innerHTML = item.content
-            let width = div.offsetWidth
-            document.body.removeChild(div)
-            this.cache[i] = width
-            return width
+        itemSizeGetter(item, i) {
+            let div = document.createElement('div');
+            document.body.appendChild(div);
+            div.style.paddingLeft = '20px';
+            div.style.paddingRight = '54px';
+            div.style.position = 'absolute';
+            div.style.top = '-9999px';
+            div.style.left = '-9999px';
+            div.innerHTML = item.content;
+            let width = div.offsetWidth;
+            document.body.removeChild(div);
+            this.cache[i] = width;
+            return width;
         },
-        revert (data) {
-            let newData = []
-            let firstRowLen = data[0] ? data[0].length : 0
+        revert(data) {
+            let newData = [];
+            let firstRowLen = data[0] ? data[0].length : 0;
             for (let i = 0; i < firstRowLen; i++) {
-                newData[i] = []
+                newData[i] = [];
                 for (let j = 0; j < data.length; j++) {
-                    newData[i][j] = data[j][i]
+                    newData[i][j] = data[j][i];
                 }
             }
             return newData;
         },
-        computeSortClass (currentHead, type) {
+        computeSortClass(currentHead, type) {
             return [
                 `${prefixCls}-sort-caret`,
                 type,
                 {
-                    [`${prefixCls}-sort`]: (this.sort.column === currentHead && this.sort.type === type)
-                }
-            ]
+                    [`${prefixCls}-sort`]: (this.sort.column === currentHead && this.sort.type === type),
+                },
+            ];
         },
-        handleSortClick (args) {
-            let { reverse, colIndex, cb } = args
+        handleSortClick(args) {
+            let {reverse, colIndex, cb} = args;
             if (reverse === 0) {
                 const rows = this.originRows.map((row) => {
-                    return row.slice(0)
-                })
-                this.bodyRows = this.revert(rows)
+                    return row.slice(0);
+                });
+                this.bodyRows = this.revert(rows);
             } else {
-                const newArr = []
+                const newArr = [];
                 const sortRow = this.originRows.map((row, index) => {
                     return {
                         origin: index,
-                        value: row[colIndex]
-                    }
-                })
+                        value: row[colIndex],
+                    };
+                });
                 sortRow.sort((a, b) => {
                     if (a.value.length === b.value.length) {
-                        return a.value.localeCompare(b.value) * reverse
+                        return a.value.localeCompare(b.value) * reverse;
                     } else {
-                        return (a.value.length - b.value.length) * reverse
+                        return (a.value.length - b.value.length) * reverse;
                     }
-                })
+                });
                 sortRow.forEach((item, index) => {
-                    newArr[index] = this.originRows[item.origin]
-                })
-                this.bodyRows = this.revert(newArr)
-                cb && cb()
+                    newArr[index] = this.originRows[item.origin];
+                });
+                this.bodyRows = this.revert(newArr);
+                cb && cb();
             }
         },
-        handleDblClick (col) {
-            this.$emit('dbl-click', col)
+        handleDblClick(col) {
+            this.$emit('dbl-click', col);
         },
         onColumnClick(index) {
-            this.$emit('on-click', index)
+            this.$emit('on-click', index);
         },
     },
 };
 </script>
-<style lang="scss" src="./index.scss"></style>
+<style lang="sass" src="./index.scss"></style>
 <style>
 .list-view {
 width: 100%;
@@ -192,4 +189,4 @@ overflow: auto;
 position: relative;
 color: #333;
 }
-</style>
+</style>
\ No newline at end of file