update Table

update Table

src/styles/components/table.less

@@ -197,7 +197,7 @@
         position: absolute;
         top: 0;
         left: 0;
-        box-shadow: 1px 0 8px #d3d4d6;
+        box-shadow: @shadow-right;
         overflow-x: hidden;
 
         &::before {
@@ -215,7 +215,7 @@
         top: 0;
         left: auto;
         right: 0;
-        box-shadow: -1px 0 8px #d3d4d6;
+        box-shadow: @shadow-left;
     }
     &-fixed-header{
         overflow: hidden;
@@ -227,4 +227,8 @@
         position: relative;
         z-index: 3;
     }
+
+    &-sort{
+        .sortable();
+    }
 }

src/styles/mixins/caret.less

@@ -0,0 +1,33 @@
+// sortable
+.sortable() {
+    display: inline-block;
+    width: 8px;
+    height: 12px;
+    margin-left: 4px;
+    margin-top: -1px;
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: pointer;
+    position: relative;
+
+    i {
+        display: block;
+        height: 6px;
+        line-height: 6px;
+        overflow: hidden;
+        position: absolute;
+        color: @btn-disable-color;
+        transition: color @transition-time @ease-in-out;
+
+        &:hover{
+            color: inherit;
+        }
+
+        &:first-child{
+            top: 0;
+        }
+        &:last-child{
+            bottom: 0;
+        }
+    }
+}

src/styles/mixins/index.less

@@ -12,3 +12,4 @@
 @import "content";  // card、modal
 @import "tooltip";
 @import "select";
+@import "caret";