docs: fix table custom search panel demo

close ant-design#10494
wanjarus · May 15, 2018 · 78af67a · 78af67a
1 parent 6045849
commit 78af67a
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/components/table/demo/custom-filter-panel.md b/components/table/demo/custom-filter-panel.md
@@ -33,7 +33,7 @@ const data = [{
   address: 'Sidney No. 1 Lake Park',
 }, {
   key: '4',
-  name: 'Jim Red',
+  name: 'Jim Redjim',
   age: 32,
   address: 'London No. 2 Lake Park',
 }];
@@ -63,8 +63,9 @@ class App extends React.Component {
           ...record,
           name: (
             <span>
-              {record.name.split(reg).map((text, i) => (
-                i > 0 ? [<span className="highlight">{match[0]}</span>, text] : text
+              {record.name.split(new RegExp(`(?<=${searchText})|(?=${searchText})`, 'i')).map((text, i) => (
+                text.toLowerCase() === searchText.toLowerCase() ?
+                  <span key={i} className="highlight">{text}</span> : text // eslint-disable-line
               ))}
             </span>
           ),