Optimize Table checkbox style

梁灏
1 parent 9ea47cb3
Showing 2 changed files with 5 additions and 1 deletions Show diff stats
src/components/table/table-head.vue
src/styles/components/table.less
@@ -17,7 +17,7 @@
                         </template>
                         <template v-else-if="column.type === 'selection'"><Checkbox :value="isSelectAll" :disabled="!data.length" @on-change="selectAll"></Checkbox></template>
                         <template v-else>
-                            <span v-if="!column.renderHeader" @click="handleSortByHead(getColumn(rowIndex, index)._index)">{{ column.title || '#' }}</span>
+                            <span v-if="!column.renderHeader" :class="{[prefixCls + '-cell-sort']: column.sortable}" @click="handleSortByHead(getColumn(rowIndex, index)._index)">{{ column.title || '#' }}</span>
                             <render-header v-else :render="column.renderHeader" :column="column" :index="index"></render-header>
                             <span :class="[prefixCls + '-sort']" v-if="column.sortable">
                                 <i class="ivu-icon ivu-icon-arrow-up-b" :class="{on: getColumn(rowIndex, index)._sortType === 'asc'}" @click="handleSort(getColumn(rowIndex, index)._index, 'asc')"></i>
@@ -175,6 +175,10 @@
                 transform: rotate(90deg);
             }
         }
+        &-sort{
+            cursor: pointer;
+            user-select: none;
+        }
     }
     &-hidden{
         visibility: hidden;