Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ant-Design Table > How can I disable pagination and show all records

Tags:

antd

My questions are Ant-Design Table > How can I disable pagination and show all records... Currently, I can configure the pagination component but I don't know how to disable it. Thanks

like image 384
Timur Catakli Avatar asked Apr 24 '18 16:04

Timur Catakli


People also ask

How do you use pagination in ant design?

Change pageSize . Jump to a page directly. import type { PaginationProps } from 'antd'; import { Pagination } from 'antd'; import React from 'react'; const onChange: PaginationProps['onChange'] = pageNumber => { console. log('Page: ', pageNumber); }; const App: React.

How do I make an ANTD table responsive?

You can make use of the responsive property on the column that you want to control for screen sizes. Just add a From To column with a custom render function, and set the responsive property on that column to only show on xs screens. The From and To columns will have the responsive property set to show on md and above.

How do I select rows in ANTD table?

Rows can be selectable by making first column as a selectable column. You can use rowSelection.type to set selection type. Default is checkbox . selection happens when clicking checkbox by default.


1 Answers

Just found it: Simply set pagination to false as below:

return (     <Table          rowKey="id"          columns={columns}          dataSource={data}          pagination={false}      /> ); 
like image 134
Timur Catakli Avatar answered Sep 21 '22 11:09

Timur Catakli