Questions tagged [react-paginate]
23 questions
2
votes
0 answers
React Paginate Active class not working when i use filter or search list using react and next js
import { useState, useEffect, forwardRef, useImperativeHandle } from "react";
import { Filter } from "../common/filters/Filter";
import CardList from "./CardList";
import ReactPaginate from "react-paginate";
import courseApiService from…
saqib farooq
- 21
- 2
2
votes
0 answers
in react-paginate package what is the purpose of herfBuilder
user15233510
- 21
- 1
1
vote
1 answer
Style for react-select-async-paginate
How can I implement style of react-select-async-paginate? Is it possible?
import React, {useState} from 'react';
import {AsyncPaginate} from "react-select-async-paginate";
import {options as apiOptions, api_url} from "../../api/api.js";
const…
Meirbek Ordaly
- 11
- 1
1
vote
0 answers
react-paginate class applied but not getting the styles
i use react-paginate package and for styling, I use styled-components
in the react-paginate docs, it says to give the container a class I should use the className property for CSS in js libraries like styled components and for normal CSS I should…
Matin
- 29
- 7
1
vote
0 answers
default page is not showing in react-paginate
I am using react,redux ,axios ,redux-thunk with typescript to get the list of users. I have also implemented pagination with react-paginate.Everything is working fine but on refresh default page data is not shown i have to click any page number from…
front_dev_j
- 139
- 1
- 12
1
vote
1 answer
Search function only work on the first page and not other pages (using react-paginate and .filter)
I've developed a page where it has a simple search function and pagination. Both the search function and pagination were working well so far, but I've found out that if I tried searching from any pages other than the 1st page (e.g. 2nd or 3rd page),…
Lance
- 215
- 1
- 6
- 21
0
votes
1 answer
How to set selected page react-paginate
When I load page with url zbcxyz?page=3. I get params page with searchParams.get("page").
I want to set selected page = 3. Tks enter image description here
enter image description here
I tried using focrePage but it didn't work
mindev
- 3
- 2
0
votes
0 answers
ReactJs: How to update the pagination and content list items every time I search/filter a content in the search bar
First I'm not sure if the functionality of my filter/search bar are correct.
Here are my concern, we have the words 'dolor' and 'dolorum' in the items of 25pages.
You can view it here.
Try to search the word "dolor" in the searchbar, the 25pages…
clarkf
- 547
- 2
- 10
- 22
0
votes
0 answers
React-paginate not works when navigate on routes
When i click, for exemple, on back button of the navigator, the current page is not highlighted on navigation bar
The goTo function is a route to navigate for another page on pagination, its works good, but when i try to navigate whit browzer back…
0
votes
1 answer
How to control the number of items shown in react-responsive-carousel?
I'm using react-responsive-carousel in my React Project. I want to control the number of items shown on screen, (3 items in desktop view and 1 in mobile view).
At first, I tried to add a prop named "slidesToShow" as suggested by Chatgpt (although I…
Fuaad
- 197
- 15
0
votes
1 answer
How to style React-paginate with Styled Components
The react-paginate not works with display flex to show the paagination in horizontal position.
I try this
JS code
0
votes
0 answers
please why do i see this error when adding pagination, using slice
i want to add a pagenation to my product and i got an error message that looks like this :
*Unexpected Application Error!
Cannot read properties of null (reading 'slice')
TypeError: Cannot read properties of null (reading 'slice')
at…
Eze
- 3
- 2
0
votes
0 answers
React-Paginate causing table component to throw react Hydration issue
I'm having an issue where my table component is throwing due to the React-Paginate package having a list for the pagination, a UL cannot be a child of a
max14
- 133
- 1
- 2
- 10
0
votes
1 answer
How to keep the check box checked , when navigating to other page of react pagination
I want to ask , how to keep save the id's of the check boxes in a state , and whenever i switched back to first page it automatically search the element with id and mark check boxes automatically.
and if i unmark the checkbox , it deletes the id…
Chandan Nick
- 31
- 1
- 7
0
votes
1 answer
ReactPaginate Top and Bottom Paginator
Pagination item:
const CarsSection = () => {
const itemsPerPage = 8;
const [itemOffset, setItemOffset] = useState(0);
const endOffset = itemOffset + itemsPerPage;
const currentItems = carsData.slice(itemOffset, endOffset);
const pageCount…
nightdeath
- 45
- 3