title: How to navigate to the first and last page antd Pagination (React)
body: <p>In my table component my pagination options are as below : </p>
  
  <pre><code>const showTotal = (total, range) =&gt; {
    return `${range[0]}-${range[1]} of ${total}`
  };
  
  const  renderPagination=(current, type, originalElement)=&gt;{
    if (type === 'prev') {
      return &lt;a className="table-prev" &gt;Previous&lt;/a&gt;;
    } if (type === 'next') {
      return &lt;a&gt;Next&lt;/a&gt;;
    }
    return originalElement;
  
  }
    return (
     &lt;Table
     className="process-table-container"
     size='middle'
     columns={columns}
     dataSource={tableData}
     pagination={{
      pageSize: 10,
      showSizeChanger: true,
      itemRender:(current, type, originalElement)=&gt;renderPagination(current, type, originalElement),
      showTotal: showTotal,
      className: 'pagination'
      }}
     /&gt;
    )
  }
  </code></pre>
  
  <p>I have the next and previous options in <code>itemRender</code> but no first and last options how to do it without using custom pagination or table wrapper?</p>
  
  <blockquote>
    <p>the output should be like this 
    <a href="https://i.stack.imgur.com/S2s7u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S2s7u.png" alt="enter image description here"></a></p>
  </blockquote>
  
  <p>i made the numbers as display none </p>