From 48258be346e56590e54ea213f8d025e174474a09 Mon Sep 17 00:00:00 2001
From: AllenFang <ayu780129@hotmail.com>
Date: Mon, 27 Aug 2018 22:42:48 +0800
Subject: [PATCH] fix #491

---
 .../column-filter/clear-all-filters.js        | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/clear-all-filters.js b/packages/react-bootstrap-table2-example/examples/column-filter/clear-all-filters.js
index d0005fd..e1acb62 100644
--- a/packages/react-bootstrap-table2-example/examples/column-filter/clear-all-filters.js
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/clear-all-filters.js
@@ -40,6 +40,7 @@ import BootstrapTable from 'react-bootstrap-table-next';
 import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 
 let nameFilter;
+let priceFilter;
 
 const columns = [{
   dataField: 'id',
@@ -49,25 +50,33 @@ const columns = [{
   text: 'Product Name',
   filter: textFilter({
     getFilter: (filter) => {
-      // nameFilter was assigned once the component has been mounted.
       nameFilter = filter;
     }
   })
 }, {
   dataField: 'price',
   text: 'Product Price',
-  filter: textFilter()
+  filter: textFilter({
+    getFilter: (filter) => {
+      priceFilter = filter;
+    }
+  })
 }];
 
 const handleClick = () => {
-  nameFilter(0);
+  nameFilter('');
+  priceFilter('');
 };
 
 export default () => (
   <div>
-    <button className="btn btn-lg btn-primary" onClick={ handleClick }> filter columns by 0 </button>
-
-    <BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
+    <button className="btn btn-lg btn-primary" onClick={ handleClick }> Clear all filters </button>
+    <BootstrapTable
+      keyField="id"
+      data={ products }
+      columns={ columns }
+      filter={ filterFactory() }
+    />
   </div>
 );
 `;