Table: fix column[type=selection] style issue in ie9+.

build/cooking.demo.js

@@ -29,6 +29,7 @@ cooking.set({
   publicPath: process.env.CI_ENV || '',
   hash: true,
   devServer: {
+    hostname: '0.0.0.0',
     port: 8085,
     log: false,
     publicPath: '/'

packages/table/src/table-column.js

@@ -13,7 +13,8 @@ const defaults = {
     width: 48,
     minWidth: 48,
     realWidth: 48,
-    order: ''
+    order: '',
+    className: 'el-table-column--selection'
   },
   index: {
     width: 48,

packages/table/src/table.vue

@@ -101,6 +101,7 @@
 </template>
 
 <script type="text/babel">
+  import ElCheckbox from 'element-ui/packages/checkbox';
   import Migrating from 'element-ui/src/mixins/migrating';
   import throttle from 'throttle-debounce/throttle';
   import debounce from 'throttle-debounce/debounce';
@@ -160,7 +161,8 @@
 
     components: {
       TableHeader,
-      TableBody
+      TableBody,
+      ElCheckbox
     },
 
     methods: {

packages/theme-default/src/table-column.css

@@ -4,6 +4,13 @@
 @import "./common/var.css";
 
 @component-namespace el {
+  @b table-column {
+    @m selection .cell {
+      padding-left: 14px;
+      padding-right: 14px;
+    }
+  }
+
   @b table-filter {
     border: solid 1px #d3dce6;
     border-radius: 2px;