Thank you for this, I'm currently working on project where we use react-bootstrap (which doesn't have ready to use paginated table) so we had to implement the pagination manually.
I get the error as missing key prop for element on line pages.map((page)=>..) I am unable to resolve it, I googled stuffs and it says, we must have a key element..can you please explain this?
I receive the error: TypeError Cannot read properties of undefined (reading 'map'), in the line of post.map((post. index)=> but when I use only the console output it works fine. Is this a problem because I am calling data when I don´t have it?
To Solve × TypeError: Cannot read properties of undefined (reading 'map') Error There is a prop “post” in your component. That variable has higher priority than the map you have outside, and your .map is using it. I would recommend to rename one of them, to avoid variables with the same name.
@@CodewithVoran Thank you brother will follow it. Can you please are for JavaScript like important topics to cover and wanted to do small projects in it.
@@CodewithVoran I have ty to implement your pagination code into my code. I need to pass the pagination into my onClick function. is there a way I can show you my code?
Sir thanks for your lifesaver video! I have one question for you, how to use the Prev and Next Buttons instead of listing all pages in numbers. Thanks! ⏮ -1- ⏭
If you want to support my channel, you can buy me a coffee:
👉👉👉 buymeacoffee.com/Voran
Thank you
thanks this helped a lot.
don't know what is more epic. The background music or the tutorial.
excellent video..
thanks Miguel. subscribe for more
The video was very helpful. Thanks.
Welcome Oguz
Thank you for this, I'm currently working on project where we use react-bootstrap (which doesn't have ready to use paginated table) so we had to implement the pagination manually.
Good bro
Thank you Sir for a very good tutorial
Welcome tazimul
I recieve the error : ERROR in ./node_modules/lodas/index.js 3:12-36
Module not found: Error: Can't resolve 'child_process'. How cal i solve this?
I think lodash didn't installed properly. You might made typo
Nice bro
Thanks
I have a question. I have so many page but if a use this formula i don't see the first and last pages how can i pass next line in ul item
pagination starts at 12:00
very good lesson, thank you!
welcome buddy. subscribe for more useful tutorials
thanks brother it help me a lot one day i spend on searching
thanks brother. subscribe and give your support
if (pageCount ===1) return null;
causes empty page display when there is only 1 page.how to handle this.
Thanks, very easy to understand!
Thanks danilo
amazing job!
Thanks a lot
Thank you. It is what I was looking for!
Welcome nijat. Subscribe to my channel for more tutorials
This helped me a lot! Thanks and congrats
thanks lucas. subscribe to my channel for more useful tutorials
Thank you so much for the tutorial !!!
Welcome brother
Thanks a lot. It works perfectly!
welcome jhon
I have 2000 Records, 10 per page it will display 200 list items below 1->200 what should I do now? I'm confused
This what ive been looking for many thanks it helps a lot😃😃
welcome. subscribe to my channel for videos. thanks
yeah cause every where there is the react table lib
thanks men!
Welcome nikhil
Sir if i have 10,000 records in table then how i can show pagination
am unable to use lodash _ it says "_" not define
git link or source code?? please share
Great video! Only problem I am having is nothing is showing on my application.
can you show me your code please?
I get the error as missing key prop for element on line pages.map((page)=>..)
I am unable to resolve it, I googled stuffs and it says, we must have a key element..can you please explain this?
You should give a property called key to the parent element.
For example:
I receive the error: TypeError Cannot read properties of undefined (reading 'map'), in the line of post.map((post. index)=> but when I use only the console output it works fine. Is this a problem because I am calling data when I don´t have it?
The parameters should be post, index. Not post.index
Thank you!!
Sorry, in my message I wrote post.map((post. index)=> but in the program I have post.map((post, index)=> The problem persists.
@@sepamerpost.map((post, index)=> please rename post to something else (the first parameter). eg: post.map((p, index)=>
To Solve × TypeError: Cannot read properties of undefined (reading 'map') Error There is a prop “post” in your component. That variable has higher priority than the map you have outside, and your .map is using it. I would recommend to rename one of them, to avoid variables with the same name.
how can I display an image from a local json object?
Hi brother. Mostly the json object have the image url. Just pass that url in image tag as src
How to set Sidebar and Table in responsive way?
1 bug - if no nav page is there for last page.
{
pages.map(page =>
Pagination(page)}>
{page}
)
}
Solution - const pageCount = Products? Math.ceil(Products.length/pagesize)+1 : 0;
Thank you so much! this worked very good for me!
Thanks . Subscribe to my channel, react tutorials are on the way
Pro trick : watch series at Flixzone. I've been using it for watching a lot of movies recently.
@Zander Alijah definitely, have been watching on Flixzone for since december myself :)
How to get th(table haader) from the api dynamically...
You can get the first object and extract keys from it.
Can you give the source code please..it will be helpfull
Thanks a lot
Welcome jyoti. Subscribe to my channel for more useful tutorials
15:19
how to do this in redux??
page not found error show kar raha hai
Can you please tell us important topics should know for React JS while learning it.
I like your videos they are very understandable
check this article. it will be useful for beginners blog.glitch.com/post/react-starter-kit
@@CodewithVoran
Thank you brother will follow it.
Can you please are for JavaScript like important topics to cover and wanted to do small projects in it.
How to download table data
please add sorting as well on it
Yeah. I will do it in upcoming videos
Tahnkyou
welcome brother
can you share the github code for this
Bro you have class component
i don't use class component
Code in github
Brother I have all page, not able to replicate pagination can you help me
can you show me the code?
not React-table
where is the source code ?
bro send code link
oh no……
Not working?
Can you help me with my pagination code 🤣😂🤣😂
Do you get any errors?
@@CodewithVoran I have ty to implement your pagination code into my code. I need to pass the pagination into my onClick function. is there a way I can show you my code?
@@bobbyG883 put the code in GitHub and send me the link
good video, but music :(
sorry brother. I will consider this in my future videos
Sir thanks for your lifesaver video!
I have one question for you, how to use the Prev and Next Buttons instead of listing all pages in numbers. Thanks!
⏮ -1- ⏭
bro help me in pagination i am facing one error