表头样式调整

build/Table.css

@@ -49,6 +49,12 @@
   .u-table td {
     padding: 12px 16px;
     word-break: break-all; }
+    .u-table th.text-center,
+    .u-table td.text-center {
+      text-align: center; }
+    .u-table th.text-right,
+    .u-table td.text-right {
+      text-align: right; }
   .u-table tr.filterable th {
     padding-top: 5px !important;
     padding-bottom: 5px !important; }
@@ -341,7 +347,8 @@
     line-height: 14px;
     margin: 0px; }
     .u-table .u-checkbox .u-checkbox-label {
-      line-height: 14px; }
+      line-height: 14px;
+      padding-left: 16px; }
       .u-table .u-checkbox .u-checkbox-label:before, .u-table .u-checkbox .u-checkbox-label:after {
         width: 14px;
         height: 14px; }

demo/demolist/Demo01.js

@@ -28,8 +28,8 @@ const columns = [
       );
     }
   },
-  { id: "123", title: "性别", dataIndex: "b", key: "b", width: 500},
+  { id: "123", title: "性别", dataIndex: "b", key: "b", width: 500,"textAlign":'center'},
-  { title: "年龄", dataIndex: "c", key: "c", width: 200 }
+  { title: "年龄", dataIndex: "c", key: "c", width: 200,"textAlign":'center' }
 ];
 
 const data = [
@@ -68,6 +68,7 @@ class Demo01 extends Component {
           parentNodeId='parent'
           height={40}
           headerHeight={40}
+          bordered = {true}
           hoverContent={this.getHoverContent}
           onRowHover={this.onRowHover}
         />

src/Table.scss

@@ -106,6 +106,12 @@ $icon-color:#505F79;
   td {
     padding: $vertical-padding $horizontal-padding;
     word-break: break-all;
+    &.text-center{
+      text-align: center;
+    }
+    &.text-right{
+      text-align: right;
+    }
   }
   tr {
     
@@ -575,6 +581,7 @@ $icon-color:#505F79;
     margin:0px;
     .u-checkbox-label{
       line-height:  $checkbox-height;
+      padding-left: 16px;
       &:before,&:after {
         width:  $checkbox-height;
         height:  $checkbox-height;