Pagination in React JS | Understand the Concept of Pagination in React in Hindi

Hi People,

CSS -
.table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 18px;
text-align: left;
}

.table th, .table td {
padding: 12px 15px;
border: 1px solid #ddd;
}

.table th {
background-color: #f2f2f2;
}
.table th{
background-color: grey;
}

.table tr:nth-child(even) {
background-color: #f9f9f9;
}

.pagination {
display: flex;
justify-content: center;
margin: 20px 0;
}

.pagination button {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 20px;
margin: 0 5px;
cursor: pointer;
border-radius: 5px;
}

.pagination button:disabled {
background-color: #ddd;
cursor: not-allowed;
}
background-color: #008CBA; /* Change to your preferred color */
color: white;
}

**********************************************************
#beginners #coding #programming
Follow me on Social Platforms

Thank you guys for your support, subscribe @yoshitajain0812
Love,
Yoshita :)

[deepanshumehrotra]

Sach mein yoshita the way you explain is mind blowing, you clear three things in evey video
What how and why
That's the only reason i subscribed your channel for upgrading my MERN knowledge

[vinayrajput]

Ma'am mena interview ke ek din phela ap ki reactjs ki puri playlist dekhi thi or finally mujhe paid internship mil gayi

[srishtikhurana]

the way you explain.. is just awesome! Thanks a lot!

[________.pathfinder]

Well explained, But i was looking for limit the pages, what if there are 100 pages, it will show 100 buttons, how i can hide them? instead showing a number wanna show ellipses.

[haniahani]

I'm paid intern in a startup I was struggling with such concepts. Thank you so much for the first time I understood the concept of pagination.

Kindly make videos on these:
1. Responsive sidebar
2. Carousel
3. Filtering system of ecommerce.
4. Breadcrumbs

Other machine coding round questions. Please 🙏🙏🙏🙏🙏🙏🙏

[RanveerDeepika-vk]

Mam u nailed it...way of ur teaching ...katai jehr❤

[oreokapoor]

Thankyou 👍
Plz next reconciliation, recoil bhi explain krdo plz
And didi how can we do authentication and authorisation using react only without using backend

[nik-gg]

didi what are some projects for complete understanding of react plz..reply. also thank you for your effort

[pratiyushs]

Aaj maine internship me yahi pagination banaya tha

[sparsh-]

Response?.data what does this ? Indicates in line 10

[meharzadi]

Maam hr time new code likhny py jb save krna hotabto output mn problem ajti hai
Npm start krna prta phir browser show nhi hota please is py Vedios bna dy k kesy hum react file mn code k bd run kry or run mn error sy kesy avoid kiya jy

[vishakad]

helo di node ka se kre aur kitna javascript aana cahiye

[PriyaranjanKumar-qp]

do you also have knowledge of react native

[pratiyushs]

Ek step by step big project me new components add kaise kare folder structure kaise samhe pl make this it's very helpful

[pratiyushs]

Hello mai abhi new joining ki hai as a fresher react js developer par mere company large project me changes karne ka bahut kam hota hai mujhe samajh nahi aa raha hai ki Mai ye kaise karu pls try to make a guide for that pls pls pls pls pls 🙏🙏🙏

[priyamkarn]

didi make one video for rtk query in your redux playlist

[sandeepdubey]

Mam authentication and authorization in react per vedeo bnaiye please

[sakshikumari]

Hello, I am facing a saviour problem while building the vite react project. 😢😢😢 I am getting a huge error . Can you please help me with that ? 🙏🏻🙏🏻🙏🏻 Any way to share my code to you, and you can help me 🙏🏻😢

[nikhilkumarjamwal]

Did like this with few modifications 3 weeks ago!🥱