Set pagesize when filtering in column

GriddleGriddle · Mar 14, 2016 · 75c252d · 75c252d
1 parent 553d049
commit 75c252d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/examples/customization/customColumn.html b/examples/customization/customColumn.html
@@ -11,15 +11,19 @@
 });
 
 var HeaderComponent = React.createClass({
+  textOnClick: function(e) {
+    e.stopPropagation();
+  },
+
   filterText: function(e) {
     this.props.filterByColumn(e.target.value, this.props.columnName)
   },
 
   render: function(){
     return (
       <span>
-        <strong style={{color: this.props.color}}>{this.props.displayName}</strong>
-        <input type='text' onChange={this.filterText} />
+        <div><strong style={{color: this.props.color}}>{this.props.displayName}</strong></div>
+        <input type='text' onChange={this.filterText} onClick={this.textOnClick} />
       </span>
     );
   }

diff --git a/scripts/griddle.jsx b/scripts/griddle.jsx
@@ -173,8 +173,9 @@ var Griddle = React.createClass({
         columnFilters: columnFilters
       };
 
-      if(filteredResults.length > 0) {
+      if(columnFilters) {
         newState.filteredResults = filteredResults;
+        newState.maxPage = this.getMaxPage(newState.filteredResults);
       } else if(this.state.filter) {
         newState.filteredResults = this.props.useCustomFilterer ?
           this.props.customFilterer(this.props.results, filter) :