publish 1.2.9

build/Table.css

@@ -337,7 +337,9 @@
     border: none; }
   .u-table-filter-column-pop-cont {
     margin: 10px;
-    margin-top: 0px; }
+    margin-top: 0px;
+    height: 300px;
+    overflow-y: scroll; }
   .u-table-filter-column-clear-setting {
     border-bottom: 1px solid #ccc;
     cursor: pointer; }

build/lib/filterColumn.js

@@ -89,9 +89,9 @@ function filterColumn(Table, Popover) {
       columns.forEach(function (da) {
         if (da.disable) {
           _columns.push(da);
-        }
-        if (da.width) {
-          widthState++;
+          if (da.width) {
+            widthState++;
+          }
         }
       });
       if (_columns.length == widthState) {

build/lib/sort.js

@@ -115,7 +115,10 @@ function sort(Table, Icon) {
                 className: prefixCls + "-column-sorter-up " + (isAscend ? "on" : "off"),
                 title: "\u2191",
                 onClick: function onClick() {
-                  return _this2.toggleSortOrder("ascend", column);
+                  _this2.toggleSortOrder("ascend", column);
+                  if (column.sorterClick) {
+                    column.sorterClick(column);
+                  }
                 }
               },
               _react2["default"].createElement(Icon, { type: "uf-triangle-up" })
@@ -126,7 +129,10 @@ function sort(Table, Icon) {
                 className: prefixCls + "-column-sorter-down " + (isDescend ? "on" : "off"),
                 title: "\u2193",
                 onClick: function onClick() {
-                  return _this2.toggleSortOrder("descend", column);
+                  _this2.toggleSortOrder("descend", column);
+                  if (column.sorterClick) {
+                    column.sorterClick(column);
+                  }
                 }
               },
               _react2["default"].createElement(Icon, { type: "uf-triangle-down" })

dist/demo.css

@@ -8038,7 +8038,9 @@ ul {
     border: none; }
   .u-table-filter-column-pop-cont {
     margin: 10px;
-    margin-top: 0px; }
+    margin-top: 0px;
+    height: 300px;
+    overflow-y: scroll; }
   .u-table-filter-column-clear-setting {
     border-bottom: 1px solid #ccc;
     cursor: pointer; }

package.json

@@ -1,6 +1,6 @@
 {
  "name": "bee-table",
- "version": "1.2.8",
+ "version": "1.2.9",
  "description": "Table ui component for react",
  "keywords": [
   "react",

src/Table.scss

@@ -308,6 +308,8 @@ $table-move-in-color: $bg-color-base;
     &-pop-cont{
       margin: 10px;
       margin-top: 0px;
+      height: 300px;
+      overflow-y: scroll;
     }
     &-clear-setting{ 
       border-bottom: 1px solid #ccc;

src/lib/filterColumn.js

@@ -115,9 +115,9 @@ export default function filterColumn(Table,Popover) {
       columns.forEach((da)=>{
         if(da.disable){
           _columns.push(da);
-        }
-        if(da.width){
-          widthState++;
+          if(da.width){
+            widthState++;
+          }
         }
       });
       if(_columns.length == widthState){

src/lib/sort.js

@@ -75,7 +75,12 @@ export default function sort(Table, Icon) {
                   isAscend ? "on" : "off"
                 }`}
                 title="↑"
-                onClick={() => this.toggleSortOrder("ascend", column)}
+                onClick={() =>{
+                  this.toggleSortOrder("ascend", column);
+                  if(column.sorterClick){
+                    column.sorterClick(column);
+                  }
+                } }
               >
                 <Icon type="uf-triangle-up" />
               </span>
@@ -84,7 +89,12 @@ export default function sort(Table, Icon) {
                   isDescend ? "on" : "off"
                 }`}
                 title="↓"
-                onClick={() => this.toggleSortOrder("descend", column)}
+                onClick={() => {
+                  this.toggleSortOrder("descend", column);
+                  if(column.sorterClick){
+                    column.sorterClick(column);
+                  }
+                }}
               >
                 <Icon type="uf-triangle-down" />
               </span>