ant design pagination - How to change default arrows (Down, Left, Right)

Viewed 109

I am trying to change the ant design arrows in the pagination component to use FontAwesome Icons. After combing through the docs and scouring the internet, I have been unable to find a solution.

              <Table
                columns={columns}
                dataSource={newData}
                loading={historyPaymentsIsLoading}
                showSorterTooltip={false}
                rowKey={(record) => record.rowId}
                scroll={{ x: 'max-content' }}
                onChange={handlePaginationChange}
                pagination={{
                    showSizeChanger: true,
                    showQuickJumper: true,
                    defaultPageSize: 25,
                    pageSizeOptions: ['25', '50', '100'],
                    position: ['bottomLeft'],
                    size: 'default',
                 
                }}

Pagination

1 Answers
Related