1、Table 组件修复单元格设置背景色，背景色超出单元格的问题

2、Table 组件修复最后一列右距中时，垂直滚动条会遮住文字

Author: 黄书伟

examples/doc/updateLog.md

@@ -1,5 +1,7 @@
-2017-1-23 未发布
+2017-1-23 已发布
 1、Table 组件修复当表格无数据时，并且有横向滚动条，表头下方也存在滚动条的bug  -- 已完成
+2、Table 组件修复单元格设置背景色，背景色超出单元格的问题 -- 已完成
+3、Table 组件修复最后一列右距中时，垂直滚动条会遮住文字 -- 已完成
 
 2017-1-23 已发布
 1、Table 组件优化复杂表头行合并时，会添加空行

libs/v-table/src/table-resize-mixin.js

@@ -190,21 +190,12 @@ exports.default = {
 
             if (this.hasFrozenColumn) {
 
-                differ -= 2;
+                differ -= 1;
             }
 
             if (currentWidth >= initResizeWidths || differ > 0) {
 
-                var average = differ / this.resizeColumns.length;
-
-                this.internalColumns.map(function (item) {
-
-                    if (item.isResize) {
-                        item.width += average;
-                    }
-
-                    return item;
-                });
+                this.setColumnsWidth(differ);
             } else {
 
                 this.columns.forEach(function (col, index) {
@@ -217,6 +208,33 @@ exports.default = {
             }
 
             this.containerWidthCheck();
+        },
+        setColumnsWidth: function setColumnsWidth(differ) {
+
+            var resizeColumnsLen = this.resizeColumns.length,
+                average = Math.floor(differ / resizeColumnsLen),
+                totalAverage = average * resizeColumnsLen,
+                leftAverage = differ - totalAverage,
+                leftAverageFloor = Math.floor(leftAverage),
+                averageColumnsWidthArr = new Array(resizeColumnsLen).fill(average),
+                index = 0;
+
+            for (var i = 0; i < leftAverageFloor; i++) {
+
+                averageColumnsWidthArr[i] += 1;
+            }
+
+            averageColumnsWidthArr[resizeColumnsLen - 1] += leftAverage - leftAverageFloor;
+
+            this.internalColumns.map(function (item) {
+
+                if (item.isResize) {
+
+                    item.width += averageColumnsWidthArr[index++];
+                }
+
+                return item;
+            });
         }
     },
 

packages/v-table/src/table-resize-mixin.js

@@ -23,10 +23,10 @@ export  default {
             this.internalColumns.forEach(item => {
 
                 if (item.isResize) {
-                    result.push({width: item.width, field: item.field});
-                }
+                result.push({width: item.width, field: item.field});
+            }
 
-            })
+        })
 
             this.resizeColumns = result;
         },
@@ -43,14 +43,14 @@ export  default {
 
             this.containerWidthCheckTimer = setTimeout(x => {
 
-                let tableContainerWidth = this.$el.clientWidth;
+                    let tableContainerWidth = this.$el.clientWidth;
 
-                // 3为容错值
-                if (tableContainerWidth - this.internalWidth > 3) {
+            // 3为容错值
+            if (tableContainerWidth - this.internalWidth > 3) {
 
-                    this.tableResize();
-                }
-            })
+                this.tableResize();
+            }
+        })
         },
 
         // 目前适用于有横向自适应功能的表格
@@ -149,12 +149,12 @@ export  default {
                     let differ = bottom2 - totalColumnsHeight;
 
                     // 高度足够（table 顶部到文档底部的高度 > 表格高度+滚动条高度）
-                    if (bottom2 > totalColumnsHeight + scrollbarWidth){
+                    if (bottom2 > totalColumnsHeight + scrollbarWidth) {
 
                         currentHeight += scrollbarWidth;
 
                     }
-                    else if(differ > 0 && differ < scrollbarWidth){
+                    else if (differ > 0 && differ < scrollbarWidth) {
 
                         currentHeight += differ;
                     }
@@ -208,35 +208,60 @@ export  default {
 
             if (this.hasFrozenColumn) {
 
-                differ -= 2;
+                differ -= 1;
             }
 
             if (currentWidth >= initResizeWidths || differ > 0) {
 
-                var average = differ / this.resizeColumns.length;
+                this.setColumnsWidth(differ);
 
-                this.internalColumns.map(item => {
-
-                    if (item.isResize) {
-                        item.width += average;
-                    }
-
-                    return item;
-                })
             } else { // 最小化有滚动条时
 
                 this.columns.forEach((col, index) => {
 
                     if (col.isResize) {
 
-                        this.internalColumns[index].width = col.width;
-                    }
-                })
+                    this.internalColumns[index].width = col.width;
+                }
+            })
             }
 
             this.containerWidthCheck();
         },
 
+        /*
+         * 自适应时给列设置宽度
+         * 备注：浏览器 px 必须精确多整数
+         * */
+        setColumnsWidth(differ){
+
+            let resizeColumnsLen = this.resizeColumns.length,
+                average = Math.floor(differ / resizeColumnsLen),
+                totalAverage = average * resizeColumnsLen,
+                leftAverage = differ - totalAverage,
+                leftAverageFloor = Math.floor(leftAverage),
+                averageColumnsWidthArr = (new Array(resizeColumnsLen)).fill(average),
+                index = 0;
+
+            // 剩余的宽度以整数的形式平均到每个列
+            for (var i = 0; i < leftAverageFloor; i++) {
+
+                averageColumnsWidthArr[i] += 1;
+            }
+
+            // 剩余的小数给最后一列
+            averageColumnsWidthArr[resizeColumnsLen - 1] += (leftAverage - leftAverageFloor);
+
+            this.internalColumns.map(item => {
+
+                if (item.isResize) {
+
+                item.width += averageColumnsWidthArr[index++];
+            }
+
+            return item;
+        })
+        }
     },
 
     mounted(){