Estoy usando antd table React Js para mi trabajo. En este momento, tengo el requisito de cambiar el comportamiento de la paginación dentro de la tabla antd. Tendré que controlar el botón anterior y siguiente en el componente de paginación. Por esta razón, necesito hacer una paginación personalizada para la tabla antd. Los requisitos son:
next botón de paginación se habilitará si quedan datos en el sistema pero aún no se han recuperado, y se deshabilitará de lo contrario. Por ejemplo, hay 100 registros en el sistema. La primera llamada API obtendrá 50 registros más recientes (no 100 - 50) y se representará en la tabla. Dado que una página mostrará 10 registros, estará en 5 páginas. Después de que el usuario llegó a la página 5, el next botón estará disponible porque quedan 50 registros en el sistema. Si el usuario hace clic en el next , se llamará a la API por segunda vez y se agregarán los datos dentro de la tabla y la página total será 10 porque se recuperaron todos los datos. next botón se deshabilitará después de la segunda llamada a la API y el usuario solo podrá ir a la página 10 para la última página. Creo que la paginación antd no admite el control del botón next y prev , ya que no puedo encontrar los accesorios para controlar el estado del botón next y prev en la documentación ( https://ant.design/components/pagination/#API ) . Para la documentación de la tabla, tampoco encuentro accesorios para cambiar el componente de paginación. ( https://ant.design/components/table/#API )
Mi pregunta es, ¿cómo incrusto mi componente de paginación personalizado en la tabla antd? Cabe señalar que mi tabla también tiene función de filtro y clasificación. Entonces, no quiero cambiar el comportamiento de esas funciones. El código de ejemplo y la explicación serían realmente geniales, gracias.