title: how to give pageSize as input in ant design table Pagination component
body: <p>I have been trying to fetch paginated data in an ant design table .I want to take input from user about &quot;no. of rows&quot; per page and update my data accordingly ,can anyone help with that i know there is a prop component of PageSize options but i want to take input from user not My own set precoded pagesize options
  code for returning table component:</p>
  <pre><code>&lt;Space direction='vertical' style={{width: '100%'}}&gt;
        &lt;Form form={form} component={false}&gt;
        &lt;Table
          columns={columns}
          dataSource={filterData &amp;&amp; filterData.length? filterData: modifiedData}
          expandable={{
            expandedRowRender: (record) =&gt;(
              &lt;p Style={{margin: 0}}&gt;{record.description}&lt;/p&gt;
            ),
            rowExpandable: (record)=&gt;record.info!==&quot;Not Expandable&quot;
          }}
          bordered
          loading={loading}
          onChange={handleChange}
          rowSelection={{preserveSelectedRowKeys:true,...rowSelection}}
          pagination={{
            current:page,
            pageSize:rows,
            total:totalData,
            showQuickJumper:true,
            showTotal:(total)=&gt; `Showing ${rows} of ${total} Items`,
            showSizeChanger:true,
            pageSizeOptions: [ `30`,'3','5','20'], ///Can i place input field over here??
            onShowSizeChange:(current,rows)=&gt;{
              apiconnector.get(`device-control-policy/?page=${current}&amp;rows=${rows}`)
              .then(res=&gt;{
        
                setGridData(res.data.data)
                setTotalData(res.data.count)
                
              })
            },
            onChange:(page,rows)=&gt;{
              apiconnector.get(`device-control-policy/?page=${page}&amp;rows=${rows}`)
              .then(res=&gt;{
        
                setGridData(res.data.data)
                setTotalData(res.data.count)
                
              })
                setPage(page);
            },
  
          }}
        /&gt;
        &lt;/Form&gt;
      &lt;/Space&gt;
  </code></pre>
  <p>i just want to add an input field in the either showSizechanger or differently.</p>
  <p>can anyone help please?</p>