update sorter button click behaviours

components/table/index.jsx

@@ -40,15 +40,22 @@ let AntTable = React.createClass({
       column.sorter.call(this, column.sortOrder);
     }
   },
+  onSelectFilter() {
+  },
+  onDeselectFilter() {
+  },
   renderColumnsDropdown() {
-    this.props.columns.forEach((column) => {
+    this.props.columns = this.props.columns.map((column) => {
       if (!column.originTitle) {
         column.originTitle = column.title;
       }
       let filterDropdown, menus, sortButton;
       if (column.filter) {
-        menus = <Menu multiple={true} onSelect={column.onFilter.bind(this)}>
+        menus = <Menu multiple={true} onSelect={this.onSelectFilter} onDeselect={this.onDeselectFilter}>
           {this.renderMenus(column.filter())}
+          <button className="ant-btn ant-btn-primary ant-btn-sm" onClick={column.onFilter.bind(this)}>
+            确 定
+          </button>
         </Menu>;
         filterDropdown = <Dropdown trigger="click" closeOnSelect={false} overlay={menus}>
           <i className="anticon anticon-bars"></i>
@@ -75,6 +82,7 @@ let AntTable = React.createClass({
         sortButton,
         filterDropdown
       ];
+      return column;
     });
   },
   handleSelect(e) {

style/components/table.less

@@ -50,7 +50,6 @@
 
   &-loading {
     opacity: 0.7;
-    min-height: 150px;
   }
 
   &-small {
@@ -77,13 +76,16 @@
     height: 14px;
     vertical-align: middle;
     text-align: center;
-    cursor: pointer;
     &-up,
     &-down {
       line-height: 6px;
       height: 6px;
       display: block;
       width: 12px;
+      cursor: pointer;
+      &:hover .anticon {
+        color: #666;
+      }
       &.on {
         .anticon-caret-up,
         .anticon-caret-down {
@@ -98,9 +100,6 @@
       line-height: 6px;
       height: 6px;
       color: #aaa;
-      &:hover {
-        color: #666;
-      }
       &:before {
         -moz-transform-origin: 53% 50%; /* fix firefox position */
       }