title: Ant Design table search customization
body: <p>I'm using ant design table and I use <code>getColumnSearchProps</code> for <code>column-driven</code> search. I want to have the <code>search input</code> in the header of the column. But I don't know how to handle search on this column and input?</p>
  
  <p>data:</p>
  
  <pre><code>const data = [
    {
      key: '1',
      name: 'John Brown',
      age: 32,
      address: 'New York No. 1 Lake Park',
    },
    {
      key: '2',
      name: 'Joe Black',
      age: 42,
      address: 'London No. 1 Lake Park',
    }]
  </code></pre>
  
  <p>this is my columns:</p>
  
  <pre><code>const columns = [
      {
          title: (
              &lt;&gt;
                  &lt;Search
                      placeholder="search"
                      prefix={&lt;CPIcon type="search" /&gt;}
                      onChange={??????????????}
                  /&gt;
                  name
              &lt;/&gt;
          ),
          dataIndex: 'name',
          key: '1',
          align: 'right',
          render: text =&gt; (&lt;h1&gt;{text}&lt;/h1&gt;)
      },
  
      other columns ...
  ]
  </code></pre>
  
  <p>and in render:</p>
  
  <pre><code>&lt;Table columns={columns} dataSource={data} /&gt;
  </code></pre>